:root {
    --cor_principal_mais_escura: #072149;
    --cor_principal_escura: rgb(34, 58, 94);
    --cor_principal_clara: #359ad2;
    --cor_do_texto: #696969;
    --cor_fundo_header: #f4f4f4;
    --cor_branca: #FFF;

    --fonte_principal: 'Open Sans', sans-serif;
}

body {
    font-family: var(--fonte_principal);
    color: var(--cor_do_texto);
    line-height: 1.6rem;
}

.botao {
    color: var(--cor_branca);
    background-color: var(--cor_principal_clara);
    width: 200px;
    padding: .5rem 1.6rem;
    text-align: center;
    border: none;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
}

.botao:hover {
    background-color: var(--cor_principal_clara);
    box-shadow: 0px 15px 20px rgba(34, 58, 94, 0.4);
    color: #fff;
    transform: translateY(-7px);
}

.botao--coresInvesras {
    background-color: white;
    color: var(--cor_principal_clara);
    max-width: 200px;
    padding: .5rem 1.6rem;
    text-align: center;
    border: none;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
    margin-top: 1rem;
}