/**
 * A/B Testing Component Styles
 * Author: ร้านเช่าTS4
 * Description: Styles for A/B testing CTA buttons and variants
 */

/* ========================================
   A/B TESTING VARIANTS
   ======================================== */

.cta-variant {
    transition: all 0.3s ease;
}

/* Variant A: Red/Orange with pulse animation */
.cta-variant[data-variant="a"] {
    animation: pulse-red 2s infinite;
}

/* Variant B: Green with shadow glow */
.cta-variant[data-variant="b"] {
    box-shadow: 0 0 20px rgba(34, 197, 94, 0.4);
}

/* Variant C: Yellow/Orange with border */
.cta-variant[data-variant="c"] {
    border: 2px solid rgba(255, 255, 255, 0.3);
}

/* ========================================
   ANIMATIONS
   ======================================== */

@keyframes pulse-red {
    0%, 100% { 
        box-shadow: 0 0 20px rgba(239, 68, 68, 0.4); 
    }
    50% { 
        box-shadow: 0 0 30px rgba(239, 68, 68, 0.6); 
    }
}