.button { display: inline-flex; align-items: center; font-size: 14px; text-transform: uppercase; font-weight: 500; line-height: 1.25 !important; letter-spacing: 2px; padding: 14px !important; min-width: 0 !important; width: 290px !important; min-height: 67px; border-radius: 0 !important; color: white !important; background-color: var(--main) !important; border: none !important; }

.button.alt { color: black !important; background-color: transparent !important; border: 2px solid black !important; min-height: calc(67px - 2 * 2px); }

.button.full-width { display: flex; justify-content: start; font-size: 20px; text-transform: none; letter-spacing: normal; padding-right: calc(14px * 3) !important; width: 100% !important; color: black !important; background-color: var(--gray-light-1) !important; position: relative; }

.button.full-width::after { position: absolute; right: 14px; }

.button.full-width:hover,
.button.full-width:focus { color: white !important; background-color: var(--main) !important; }

.button:hover,
.button:focus { color: white !important; background-color: black !important; }

.button.reverse:hover,
.button.reverse:focus { color: black !important; background-color: white !important; }

.button::after { font-family: 'Material Symbols Outlined'; content: '\e315'; font-size: 24px; margin-left: 15px; }

.button > span.text-truncate { white-space: normal !important; width: 100%; }

.modal .button { width: calc(298px - 2 * 20px) !important; }

@media (min-width: 360px) {
    /* .button:not(.wpcf7-submit) { min-width: 330px !important; width: auto !important; } */
    .modal .button { width: calc(338px - 2 * 20px) !important; }
}

@media (min-width: 375px) {
    /* .button:not(.wpcf7-submit) { min-width: 345px !important; width: auto !important; } */
    .modal .button { width: calc(353px - 2 * 20px) !important; }
}

@media (min-width: 391px) {
    /* .button:not(.wpcf7-submit) { min-width: 350px !important; width: auto !important; } */
    .modal .button { width: calc(369px - 2 * 20px) !important; }
}

@media (min-width: 412px) {
    .modal .button { width: calc(390px - 2 * 20px) !important; }
}

@media (min-width: 413px) {
    .modal .button { width: calc(391px - 2 * 20px) !important; }
}

@media (min-width: 576px) {
    .modal .button { width: calc(498px - 2 * 20px) !important; }
}

@media (min-width: 768px) {
    /* .button:not(.wpcf7-submit) { min-width: 285px !important; width: auto !important; } */
}

@media (min-width: 992px) {
    .button { padding: 14px 26px 14px 35px !important; min-width: 350px !important; width: auto !important; }
    .modal .button { width: auto !important; }
}