.testimonial-stack-card {
position: absolute;
width: 100%;
max-width: 760px;
left: 50%;
transform-origin: center center;
transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.45s ease;
}
.testimonial-stack-card.card-back-left {
top: 36px;
transform: translateX(-50%) rotate(-6deg) scale(0.93);
opacity: 0.55;
z-index: 1;
}
.testimonial-stack-card.card-back-right {
top: 54px;
transform: translateX(-50%) rotate(6deg) scale(0.95);
opacity: 0.68;
z-index: 2;
}
.testimonial-stack-card.card-front {
top: 120px;
transform: translateX(-50%) rotate(0deg) scale(1);
z-index: 3;
}
.testimonial-stack-card.card-back-left:hover {
transform: translateX(-50%) translateY(-14px) rotate(-6deg) scale(0.93);
opacity: 0.78;
}
.testimonial-stack-card.card-back-right:hover {
transform: translateX(-50%) translateY(-14px) rotate(6deg) scale(0.95);
opacity: 0.88;
}
.testimonial-stack-card.card-front:hover {
transform: translateX(-50%) translateY(-16px) rotate(0deg) scale(1.01);
}
.testimonial-premium-card {
position: relative;
overflow: hidden;
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
transition:
border-color 0.45s ease,
background 0.45s ease,
box-shadow 0.45s ease;
}
.testimonial-stack-card:hover .testimonial-premium-card {
border-color: rgba(51, 210, 255, 0.16) !important;
background: rgba(255, 255, 255, 0.03) !important;
box-shadow:
0 28px 70px -28px rgba(0, 0, 0, 0.72),
0 0 30px rgba(51, 210, 255, 0.07);
}