/*
 * Contact page CTA.
 *
 * This file is enqueued only on the translated Contact pages. Keeping the
 * override here prevents the shared contact-form rules from changing other
 * forms or CTA components.
 */

.contact-form .form-submit {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: auto;
    max-width: 100%;
    min-height: 60px;
    padding: 0 1.75rem !important;
    border-style: solid !important;
    border-color: transparent !important;
    border-width: 8px 14px !important;
    border-image-source: url("../images/fivestar/bg-button.png");
    border-image-slice: 16 fill;
    border-image-width: 8px 14px;
    border-image-repeat: stretch;
    background: transparent !important;
    color: #a83829 !important;
    font-family: Gelasio, var(--font-heading), serif;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.02em !important;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}

.contact-form .form-submit:hover,
.contact-form .form-submit:focus-visible {
    border-color: transparent !important;
    background: transparent !important;
    color: #a83829 !important;
    opacity: 0.8;
}

@media (max-width: 639px) {
    .contact-form .form-submit {
        font-size: 18px !important;
    }
}