/* ------------------------------------------------------
   Principal
------------------------------------------------------ */
.btn-principal {
    color: var(--white);
    background-color: var(--principal);
    border-color: var(--principal);
}
.btn-outline-principal {
    color: var(--principal);
    background-color: var(--white);
    border-color: var(--principal);
    border: 0.15rem solid;
    font-size: 1rem;
}

.btn-outline-principal:hover {
    color: var(--light);
    background-color: var(--principal);
    border-color: var(--principal);
}

.btn-outline-principal:focus, .btn-outline-principal.focus {
    box-shadow: 0 0 0 0.2rem var(--principal-dark);
}

/* ------------------------------------------------------
   Secundário
------------------------------------------------------ */
.btn-secundario {
    color: var(--white);
    background-color: var(--secundario);
    border-color: var(--secundario);
}
.btn-outline-secundario {
    color: var(--secundario);
    background-color: var(--white);
    border-color: var(--secundario);
    border: 0.15rem solid;
    font-size: 1.2rem;
}

.btn-outline-secundario:hover {
    color: var(--light);
    background-color: var(--secundario);
    border-color: var(--secundario);
}

.btn-outline-secundario:focus, .btn-outline-secundario.focus {
    box-shadow: 0 0 0 0.2rem var(--secundario-dark);
}

/* ------------------------------------------------------
   Destaque
------------------------------------------------------ */
.btn-destaque {
    color: var(--white);
    background-color: var(--destaque);
    border-color: var(--destaque);
}
.btn-outline-destaque {
    color: var(--destaque);
    background-color: var(--white);
    border-color: var(--destaque);
    border: 0.15rem solid;
    font-size: 1.2rem;
}

.btn-outline-destaque:hover {
    color: var(--light);
    background-color: var(--destaque);
    border-color: var(--destaque);
}

.btn-outline-destaque:focus, .btn-outline-destaque.focus {
    box-shadow: 0 0 0 0.2rem var(--destaque-dark);
}


.btn-sm {
    font-size: 0.9rem;
}