@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;600&display=swap');

.aspect-video-custom {
    aspect-ratio: 16 / 9;
}

/* preview-hover.css */
.review-preview-trigger {
    position: relative;
}

.review-preview-card {
    position: absolute;
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    width: 160px;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 50;
}

.review-preview-trigger:hover .review-preview-card {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}