/* catalog/static/catalog/css/company_reg_basic.css
 * Externalised inline styling + hover states from
 * templates/catalog/services/companyregbasic.html (CSP script-src).
 *
 * These three rules replace three onmouseover/onmouseout pairs that toggled
 * inline `style.*` properties by hand. Each selector combines the element's
 * existing id/class so it wins over Tailwind's preflight resets without
 * needing !important, and each rule reproduces the element's full former
 * inline `style=` attribute (not just the hover-only properties) since the
 * inline attribute is removed entirely.
 */

#submit_pay_large.cta-submit-btn {
    background: #FFB300;
    color: #311b92;
    border: none;
    border-radius: 10px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 1.05rem;
    padding: 16px 24px;
    width: 100%;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 4px 14px rgba(255, 179, 0, 0.3);
}

#submit_pay_large.cta-submit-btn:hover {
    background: #ffc107;
    box-shadow: 0 6px 20px rgba(255, 179, 0, 0.4);
}

a.cta-contact-link {
    display: inline-block;
    padding: 14px 32px;
    background: #311b92;
    color: white;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.2s;
    box-shadow: 0 4px 14px rgba(49, 27, 146, 0.3);
}

a.cta-contact-link:hover {
    transform: translateY(-2px);
}

a.cta-faq-link {
    display: inline-block;
    padding: 14px 32px;
    border: 2px solid #311b92;
    color: #311b92;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s;
}

a.cta-faq-link:hover {
    background: rgba(49, 27, 146, 0.08);
}