/* Mobile-first button stacking */
@media (max-width: 959px) {
    .hero-buttons {
        flex-direction: column !important;
        width: 100%;
    }

        .hero-buttons > * {
            width: 100% !important;
            max-width: 100% !important;
        }
}