/* =========================================================
   Botão Encaminhar Paciente
   ========================================================= */

.cta-button-ft.btn-encaminhar {
    width: 238px;
    height: 40px;
    font-size: 16px;
    padding: 5px;
    margin-right: 4px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.cta-button-ft.btn-encaminhar .cta-icon-ft img {
    width: 20px;
    height: 20px;
}

/* =========================================================
   Botão Fale Com
   ========================================================= */

.cta-button-ft.btn-falecom {
    width: 247px;
    height: 40px;
    font-size: 16px;
    padding: 5px;
    margin-left: 6px !important;
    margin-right: 4px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.cta-button-ft.btn-falecom .cta-icon-ft img {
    width: 20px;
    height: 20px;
}

/* =========================================================
   Botão WhatsApp
   ========================================================= */

.cta-button-ft.btn-whats {
    width: 222px;
    max-width: 222px;
    height: 40px;
    font-size: 16px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.cta-button-ft.btn-whats .cta-icon-ft img {
    width: 20px;
    height: 20px;
}

/* =========================================================
   Botão Veja Todos
   ========================================================= */

.cta-button-ft.btn-vejatodos {
    width: 157px;
    height: 40px;
    font-size: 16px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.cta-button-ft.btn-vejatodos .cta-icon-ft img {
    width: 20px;
    height: 20px;
}

/* =========================================================
   Botão Ebook (roxo)
   ========================================================= */

.cta-button-ft.btn-ebook {
    width: 312px;
    height: 40px;
    font-size: 16px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    box-shadow: none;
}

.cta-button-ft.btn-ebook:hover {
    background-color: var(--roxo-classico);
    border-color: var(--roxo-classico);
}

.cta-button-ft.btn-ebook .cta-icon-ft img {
    width: 20px;
    height: 20px;
}

/* =========================================================
   Botão Saiba Mais
   ========================================================= */

.cta-button-ft.btn-saibamais {
    width: 114px;
    height: 28px;
    font-size: 14px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

/* =========================================================
   Botão Saiba Verde
   ========================================================= */

.cta-button-ft.btn-saibaverde {
    width: 134px;
    height: 32px;
    font-size: 14px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    box-shadow: none;
}

/* =========================================================
   Botão Corpo Clínico
   ========================================================= */

.cta-button-ft.btn-corpoclinico {
    width: 148px !important;
    height: 26px;
    font-size: 16px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    box-shadow: none;
}

/* =========================================================
   Botão Newsletter
   ========================================================= */

input.btn-newsletter {
    background-color: var(--amarelo-claro) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #242424 !important;
    width: 107px !important;
    height: 40px !important;
    border: none !important;
    cursor: pointer !important;
    border-radius: var(--radius-3xl) !important;
}

@media (max-width: 1200px) {
    /*    .cta-button-ft.btn-encaminhar {    } */

    .cta-button-ft.btn-falecom {
        margin-left: 0 !important;
    }

    .cta-button-ft.btn-ebook {
        margin: auto;
    }

    input.btn-newsletter {
        /* Estilos da newsletter que valem SÓ para celular */
        width: 100%;
        margin: auto;
        display: block;
    }
}