/* Chỉ chứa keyframes cho các hiệu ứng */
@keyframes panda-cta-glitch {
    0% { transform: translate(0); }
    20% { transform: translate(-4px, 4px); }
    40% { transform: translate(-4px, -4px); }
    60% { transform: translate(4px, 4px); }
    80% { transform: translate(4px, -4px); }
    100% { transform: translate(0); }
}

@keyframes panda-cta-pulse {
    0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(0,0,0,0.18); }
    50% { transform: scale(1.05); box-shadow: 0 0 0 12px rgba(0,0,0,0); }
}

@keyframes panda-cta-bounce {
    0%, 100% { transform: translateY(0); }
    30% { transform: translateY(-6px); }
    60% { transform: translateY(0); }
}

@keyframes panda-cta-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}

@keyframes panda-cta-wiggle {
    0%, 100% { transform: rotate(0deg); }
    25% { transform: rotate(-3deg); }
    50% { transform: rotate(3deg); }
    75% { transform: rotate(-3deg); }
}

@keyframes panda-cta-shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

@keyframes panda-cta-tilt {
    0%, 100% { transform: rotate(0deg); }
    50% { transform: rotate(3deg); }
}

@keyframes panda-cta-breathe {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.02); opacity: 0.9; }
}

@keyframes panda-cta-flash {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

@keyframes panda-cta-swing {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(4deg); }
    50% { transform: rotate(0deg); }
    75% { transform: rotate(-4deg); }
    100% { transform: rotate(0deg); }
}

@keyframes panda-cta-ripple {
    0% { transform: scale(0.8); opacity: 0.5; box-shadow: 0 0 0 0 rgba(33,150,243,0.35); }
    100% { transform: scale(1.25); opacity: 0; box-shadow: 0 0 0 24px rgba(33,150,243,0); }
}

@keyframes panda-cta-glow {
    0%, 100% { box-shadow: 0 0 12px rgba(255,255,255,0.4); }
    50% { box-shadow: 0 0 22px rgba(255,255,255,0.7); }
}

@keyframes panda-cta-pop {
    0% { transform: scale(1); }
    40% { transform: scale(1.08); }
    100% { transform: scale(1); }
}

@keyframes panda-cta-jelly {
    0% { transform: scale(1,1); }
    30% { transform: scale(1.1,0.9); }
    60% { transform: scale(0.95,1.05); }
    100% { transform: scale(1,1); }
}

@keyframes panda-cta-zoom {
    0% { transform: scale(1); }
    50% { transform: scale(1.12); }
    100% { transform: scale(1); }
}

@keyframes panda-cta-fadeup {
    0% { transform: translateY(6px); opacity: 0.7; }
    100% { transform: translateY(0); opacity: 1; }
}

@keyframes panda-cta-pulseout {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1.5); opacity: 0; }
}

@keyframes panda-cta-glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}

@keyframes panda-cta-ani500 {
    100% {
        background-size: 2.375em 2.375em, 0.1em 0.1em;
    }
}

@keyframes panda-cta-loading {
    0% { transform: translateX(25px); }
    100% { transform: translateX(-20px); }
}