.post-layout.testimonial-layout {
	aspect-ratio: 1;
	background-color: var(--secondary-color);
}
.post-layout.testimonial-layout .testimonial-wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: max(1rem, calc(2.5 * var(--su)));
	color: var(--text-color);
	height: 100%;
	text-decoration: none;
}

.post-layout.testimonial-layout .testimonial-wrapper .testimonial-image-hover {
	position: absolute;
	inset: 0;
	z-index: 5;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.2s ease;
}
.post-layout.testimonial-layout .testimonial-wrapper .testimonial-image-hover img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.post-layout.testimonial-layout .testimonial-wrapper:hover .testimonial-image-hover {
	opacity: 1;
}

.post-layout.testimonial-layout .testimonial-wrapper > svg {
	opacity: 0.3;
	margin-bottom: 0.5em;
}

.post-layout.testimonial-layout .testimonial-bottom {
	display: flex;
	gap: max(1rem, calc(1.25 * var(--su)));
	margin-top: auto;
}
.post-layout.testimonial-layout .testimonial-bottom .testimonial-image {
	width: max(100px, calc(6.25 * var(--su)));
}
.post-layout.testimonial-layout .testimonial-bottom .testimonial-image img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
}
.post-layout.testimonial-layout .testimonial-bottom .testimonial-content {
	display: flex;
	flex-direction: column;
}
.post-layout.testimonial-layout .testimonial-bottom .pk-heading {
	text-transform: none;
	font-size: var(--desktop-body-md);
	margin-bottom: 0.25em;
	font-weight: 500;
}
.post-layout.testimonial-layout .testimonial-bottom .testimonial-terms {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5em;
	margin-top: auto;
}
.post-layout.testimonial-layout .testimonial-bottom .testimonial-terms .term {
	color: var(--secondary-color);
	background-color: var(--off-black);
	text-transform: uppercase;
	padding: 0.5em 0.75em;
	line-height: 1;
	font-weight: 400;
}