/* =====================================================================
   KlinikPlus – Shared CTA BUTTONS · MOBILE (generic / all pages)
   ---------------------------------------------------------------------
   The hero "Join Now / Let's Talk" button (`.hero-btn-primary`) and the
   consultation "Send Message" button (`.send-message-btn`) are shared
   across the landing + service pages, but their compact mobile sizing
   only shipped in home-mobile.css (scoped to `.klinikplus-home-page`,
   loaded only on the home page). Every other page therefore rendered the
   oversized desktop buttons on phones. This file carries the same compact
   sizing, unscoped, and is loaded globally so the buttons look consistent
   on every page. Wrapped in `@media (max-width: 991px)`, so large screens
   are never affected.
   ===================================================================== */

@media (max-width: 991px) {

    .hero-btn-primary {
        height: auto !important;
        min-height: 0 !important;
        padding: 9px 18px !important;
        font-size: 0.8125rem !important;
        gap: 0.35rem;
    }

    .hero-btn-arrow {
        width: 18px;
        height: 18px;
    }

    .send-message-btn {
        height: auto !important;
        min-height: 0 !important;
        padding: 9px 18px !important;
        font-size: 0.8125rem !important;
        gap: 0.35rem !important;
    }

    .send-message-btn svg {
        width: 18px !important;
        height: 18px !important;
    }
}