/*
 * Padrão global de botões 4HD
 * Carregado por último para prevalecer sobre os estilos específicos das páginas.
 */
.button,
.contact-button,
.formacao-contract__button,
.newsletter-4hd__button {
    color: #ffffff !important;
    background-color: #ec8000 !important;
    background-image: none !important;
    border: 1px solid #ec8000 !important;
    box-shadow: none;
}

.button:hover,
.button:focus-visible,
.contact-button:hover,
.contact-button:focus-visible,
.formacao-contract__button:hover,
.formacao-contract__button:focus-visible,
.newsletter-4hd__button:hover,
.newsletter-4hd__button:focus-visible {
    color: #ec8000 !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border-color: #ec8000 !important;
}

/* Nenhum ícone visual dentro de botões de ação. */
.button > .icon,
.button > svg,
.contact-button > .icon,
.contact-button > svg,
.formacao-contract__button > .icon,
.formacao-contract__button > svg,
.newsletter-4hd__button > .icon,
.newsletter-4hd__button > svg {
    display: none !important;
}

.contact-button,
.newsletter-4hd__button {
    gap: 0 !important;
}

/*
 * BOTÃO EXCEÇÃO
 * Fundo branco e texto laranja; no hover, fundo laranja e texto branco.
 */
.button--exception,
.button.button--exception,
.newsletter-4hd__button.button--exception {
    color: #ec8000 !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border-color: #ec8000 !important;
    text-transform: none !important;
}

.button--exception:hover,
.button--exception:focus-visible,
.button.button--exception:hover,
.button.button--exception:focus-visible,
.newsletter-4hd__button.button--exception:hover,
.newsletter-4hd__button.button--exception:focus-visible {
    color: #ffffff !important;
    background-color: #ec8000 !important;
    background-image: none !important;
    border-color: #ffffff !important;
}
