/* ========================================
   BUTTONS - Estilos de botões
   ======================================== */

/* Botão primário do site */
.btn--site-primario {
    background-color: var(--cor-primaria-dark);
    color: var(--cor-texto-branco);
    border: none;
}

.btn--site-primario:hover {
    background-color: #0856b3;
    color: var(--cor-texto-branco);
}

/* Botão de buscar representante */
.btn--buscar-rep {
    background-color: var(--cor-primaria-dark);
    color: var(--cor-texto-branco);
    width: 100%;
    border-radius: var(--borda-radius-lg);
}

.btn--buscar-rep:hover {
    background-color: #0856b3;
    color: var(--cor-texto-branco);
}

/* Botão catálogo */
.btn--catalogo-link {
    background-color: var(--cor-primaria-dark);
    border-radius: var(--borda-radius-pill);
    color: var(--cor-texto-branco);
}

.btn--catalogo-link:hover {
    background-color: #0856b3;
    color: var(--cor-texto-branco);
}

/* Botão newsletter submit */
.btn--newsletter-submit {
    background-color: #00247c;
    color: var(--cor-texto-branco);
    border: none;
    height: 31px;
    width: 73px;
}

.btn--newsletter-submit:hover {
    background-color: #00247c;
    color: var(--cor-texto-branco);
}

.btn--newsletter-submit:disabled {
    background-color: #00247c;
    color: var(--cor-texto-branco);
    opacity: 0.65;
}

/* Botão trabalhe conosco */
.btn--trabalhe-enviar {
    background-color: #00247c;
    color: var(--cor-texto-branco);
    width: 150px;
}

.btn--trabalhe-enviar:hover {
    background-color: #001c63;
    color: var(--cor-texto-branco);
}

/* Botão arredondado leads */
.btn--rounded {
    border-radius: var(--borda-radius-lg);
}

/* Cursor pointer para dropdown items */
.cursor-pointer {
    cursor: pointer;
}