/* ========================================
   BUTTON TEXT ALIGNMENT FIX
   Align button text to the left within buttons
   ======================================== */

/* ALL BUTTONS - LEFT ALIGN TEXT */
.btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 0.75rem !important;
    text-align: left !important;
}

/* BUTTON ICONS - FIXED SIZE */
.btn i {
    flex-shrink: 0 !important;
    width: 1.25rem !important;
    text-align: center !important;
    display: inline-block !important;
}

/* BUTTON TEXT - LEFT ALIGNED */
.btn-primary,
.btn-whatsapp,
.btn-google,
.btn-secondary,
.btn-outline {
    justify-content: flex-start !important;
    text-align: left !important;
}

/* ENSURE CONTENT INSIDE IS LEFT ALIGNED */
.btn > * {
    position: relative !important;
    z-index: 1 !important;
}

/* HERO CTA BUTTONS - CENTERED */
.hero-cta .btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.75rem !important;
    padding: 0.875rem 1.75rem !important;
    text-align: center !important;
}

/* REMOVE PINK HOVER OVERLAY */
.btn-primary::before {
    display: none !important;
}

.btn-primary:hover::before {
    display: none !important;
}

/* HERO BUTTONS - FORCE CENTER ALIGNMENT */
.hero-cta .btn-primary,
.hero-cta .btn-whatsapp,
.hero-cta .btn-google {
    justify-content: center !important;
    text-align: center !important;
}

.hero-cta .btn-primary i,
.hero-cta .btn-whatsapp i,
.hero-cta .btn-google i {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* CTA SECTION BUTTONS */
.cta-buttons .btn,
.footer .btn {
    justify-content: flex-start !important;
    text-align: left !important;
}