/* ====================================================
   NEW MOON V1 - HERO ANIMATIONS
   Animation utilities for hero sections
   ==================================================== */

.hero-buttons {
    display: flex;
    gap: var(--spacing-lg);
    flex-wrap: wrap;
    justify-content: center;
    margin-top: var(--spacing-2xl);
}

.hero-buttons.fade-in-up {
    animation: fadeInUp 0.8s ease-out;
    animation-fill-mode: both;
}

.hero-buttons-delayed {
    animation-delay: 0.8s;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ====== Responsive ====== */
@media (max-width: 768px) {
    .hero-buttons {
        flex-direction: column;
        align-items: stretch;
    }
    
    .hero-buttons .btn-premium {
        width: 100%;
    }
}