.magic-testimonial-card,
.testi-con {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 1.56vw 0 1.06vw;
	box-sizing: border-box;
}

.testi-grid article.type-equ_testimonial,
article.type-equ_testimonial:has(.magic-testimonial-card) {
	color: rgba(255, 255, 255, 0.7);
	transition: color 0.3s ease, transform 0.3s ease;
}

.testi-grid article.type-equ_testimonial:hover,
.testi-grid article.type-equ_testimonial:focus-within,
article.type-equ_testimonial:has(.magic-testimonial-card):hover,
article.type-equ_testimonial:has(.magic-testimonial-card):focus-within {
	color: #fff;
	transform: translateY(-0.2vw);
}

.magic-testimonial-card::before,
.magic-testimonial-card::after,
.testi-con::before,
.testi-con::after {
	position: absolute;
	z-index: 2;
	width: 3.5vw;
	height: 2.65vw;
	content: "";
	background: var(--magic-testimonial-accent, var(--magic-color-green));
	-webkit-mask:
		url("../../img/icons/thunder2.svg") left center / 42% 100% no-repeat,
		url("../../img/icons/thunder2.svg") right center / 42% 100% no-repeat;
	mask:
		url("../../img/icons/thunder2.svg") left center / 42% 100% no-repeat,
		url("../../img/icons/thunder2.svg") right center / 42% 100% no-repeat;
	pointer-events: none;
}

.magic-testimonial-card::before,
.testi-con::before {
	top: 0;
	left: 2.5vw;
}

.magic-testimonial-card::after,
.testi-con::after {
	right: 2.5vw;
	bottom: 0;
	transform: rotate(180deg);
}

.magic-testimonial-card__inner,
.testi-con > .testi-con-h {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	padding: 3vw 1.5vw;
	box-sizing: border-box;
	border: 0.08vw solid var(--magic-testimonial-accent, var(--magic-color-green));
	border-radius: var(--magic-radius-small);
	background: transparent;
	font-size: var(--magic-active-text-font-size, var(--magic-text-small-font-size));
	line-height: var(--magic-active-text-line-height, var(--magic-text-small-line-height));
}

.magic-testimonial-card__inner > :first-child,
.testi-con > .testi-con-h > :first-child {
	margin-top: 0;
}

.magic-testimonial-card__inner > :last-child,
.testi-con > .testi-con-h > :last-child {
	margin-bottom: 0;
}

@media (max-width: 800px) {
	.testi-grid article.type-equ_testimonial:hover,
	.testi-grid article.type-equ_testimonial:focus-within,
	article.type-equ_testimonial:has(.magic-testimonial-card):hover,
	article.type-equ_testimonial:has(.magic-testimonial-card):focus-within {
		transform: translateY(0);
	}

	.magic-testimonial-card,
	.testi-con {
		padding: 27px 0 19px;
	}

	.magic-testimonial-card::before,
	.magic-testimonial-card::after,
	.testi-con::before,
	.testi-con::after {
		width: 48px;
		height: 36.5px;
	}

	.magic-testimonial-card::before,
	.testi-con::before {
		left: 28px;
	}

	.magic-testimonial-card::after,
	.testi-con::after {
		right: 28px;
	}

	.magic-testimonial-card__inner,
	.testi-con > .testi-con-h {
		padding: 54px 28px;
		border-width: 1px;
		border-radius: 14px;
	}
}