/**
 * Glossary Hero CTA Buttons
 */

/* CTA Container */
.glossary-hero-cta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    margin-top: 24px !important;
}

/* Base Button Styles */
.glossary-hero-cta__btn {
    display: inline-flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 10px 18px !important;
    gap: 8px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05) !important;
    cursor: pointer !important;
    border: 1px solid !important;
    outline: 0 !important;
}

/* Primary Button */
.glossary-hero-cta__btn--primary {
    background: #175cd3 !important;
    border-color: #175cd3 !important;
    color: #FFFFFF !important;
}

.glossary-hero-cta__btn--primary:hover,
.glossary-hero-cta__btn--primary:focus {
    background: #FFA400 !important;
    border-color: #FFA400 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0px 4px 8px rgba(255, 164, 0, 0.3) !important;
    outline: 0 !important;
}

.glossary-hero-cta__btn--primary:active {
    transform: translateY(0) !important;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05) !important;
    outline: 0 !important;
}

/* Secondary Button */
.glossary-hero-cta__btn--secondary {
    background: #FFFFFF !important;
    border-color: #D1D5DB !important;
    color: #344054 !important;
}

.glossary-hero-cta__btn--secondary:hover,
.glossary-hero-cta__btn--secondary:focus {
    background: #F9FAFB !important;
    border-color: #9CA3AF !important;
    transform: translateY(-1px) !important;
    color: var(--e-global-color-primary) !important;
    outline: 0 !important;
}

.glossary-hero-cta__btn--secondary:active {
    transform: translateY(0) !important;
    background: #F3F4F6 !important;
    outline: 0 !important;
}

/* Focus visible state - no outline */
.glossary-hero-cta__btn:focus-visible {
    outline: 0 !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .glossary-hero-cta {
        flex-direction: column !important;
        width: 100% !important;
    }

    .glossary-hero-cta__btn {
        width: 100% !important;
        justify-content: center !important;
    }
}