.TESTIMONIAL .container {
	overflow: hidden;
}

.TESTIMONIAL .testimonial {
	width: 100%;
}

.TESTIMONIAL .image {
	position: relative;
	border-radius: 16rem;
	overflow: hidden;
}

.TESTIMONIAL .image button {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 96rem;
	height: 96rem;
	border-radius: 16rem 0 0 0;
	background: var(--primary-orange) url(../../assets/images/ui-play.svg) no-repeat center / 48rem 48rem;
	border: none;
	text-indent: -9999rem;
	cursor: pointer;
	padding: 0;
	transition: background-color 0.25s;
}

.TESTIMONIAL .image button:hover {
	background-color: var(--white);
}

.TESTIMONIAL blockquote {
	box-sizing: border-box;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.TESTIMONIAL blockquote .b-h5,
.TESTIMONIAL blockquote .h5 {
	line-height: 1.5;
}

.TESTIMONIAL .name {
	font-weight: 600;
}

.TESTIMONIAL .flickity-viewport {transition: height 0.25s;}
.TESTIMONIAL .flickity-viewport .testimonial {margin: 0 16rem;}

.TESTIMONIAL .container .testimonial:nth-child(n+2) {display: none;}
.TESTIMONIAL .container.flickity-enabled .testimonial {display: block;}



/* WHITE VARIENT */

.TESTIMONIAL[data-variant="1"] blockquote {
	display: block;
	position: relative;
	background: linear-gradient(var(--primary-orange), var(--white));
}

.TESTIMONIAL[data-variant="1"] blockquote::before {
	z-index: 1;
	position: relative;
}

.TESTIMONIAL[data-variant="1"] blockquote::after {
	background: var(--white);
	content: '';
	position: absolute;
	top: 2rem;
	left: 2rem;
	right: 2rem;
	bottom: 2rem;
	border-radius: 13rem;
}
.TESTIMONIAL[data-variant="1"] blockquote > * {
	position: relative;
	z-index: 1;
}

@media screen and (min-width: 961px) {
	.TESTIMONIAL[data-variant="1"] .b-columns {flex-direction: row-reverse;}
}



/* SIMPLE */

.TESTIMONIAL[data-variant="2"] .image {
	max-width: 256rem;
	border-radius: 100%;
}

.TESTIMONIAL[data-variant="2"] blockquote {
	background: none;
	padding: 0;
	border-radius: 0;
}



/* TESTIMONIAL IN POST */

@media screen and (min-width: 961px) {
	.POST + .b-spacer + .TESTIMONIAL .image {margin-left: 104rem;}
	.POST + .b-spacer + .TESTIMONIAL .b-column[data-width="12"] {margin-left: 104rem; width: calc(var(--col-8) - 16rem); box-sizing: content-box;}
}