.botao {
    background-color: transparent;
    /* Definir Radius nas Variavies */
    border-radius: 5px;
    /* Definir Borda nas variavies */
    border: 1px solid black;
    /* Definir Font-Size nas Variavies */

    /* Definir Font-Weight nas Variavies */
    width: auto;
    justify-self: start;

    /* Base para qualquer botão */
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    line-height: 1;

}

.botao--mini {
    font-size: 1rem;
    padding: 1rem;
}

.botao--pequeno {
    font-size: 1.5rem;
    padding: 1.5rem;
}

.botao--medio {
    font-size: 1.8rem;
    padding: 1.8rem;
}

.botao--grande {
    font-size: 2.5rem;
    padding: 2.5rem;
}

.botao--bloco {
    font-size: 2rem;
    padding: 2rem;
    width: 100% !important;

}


.botao--borda-0 {
    border: none;
}

.botao--borda-1 {
    border: black 1px solid;
}

.botao--borda-3 {
    border: black 3px solid;
}

.dashed {
    border: dashed;
}

.dotted {
    border: dotted;
}

.border-radius-5 {
    border-radius: 5px;
}

.border-radius-10 {
    border-radius: 10px;
}

.border-radius-15 {
    border-radius: 15px;
}

.border-radius-20 {
    border-radius: 20px;
}

.botao-padrao {
    transition: background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, color 0.25s ease-in-out;

    background-color: cadetblue;
    /* Definir Radius nas Variavies */

    /* Definir Borda nas variavies */
    border: 0;
    /* Definir Font-Size nas Variavies */

    /* Definir Font-Weight nas Variavies */
    width: auto;
    justify-self: start;

    /* Definir Color nas Variavies */
    color: white;

    /* Base para qualquer botão */
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    border-radius: 6px;
    line-height: 1;
    box-shadow: inset 0 0 0 2px rgba(95, 158, 160, 0.200);

}

.botao-padrao:hover {
    background-color: rgba(95, 158, 160, 0.700);

}

.botao-padrao--negativo {
    transition: background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, color 0.25s ease-in-out;

    background-color: transparent;

    width: auto;
    justify-self: start;
    color: black;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    border-radius: 6px;
    line-height: 1;
    box-shadow: inset 0 0 0 2px rgba(144, 144, 144, 0.25);
}

.botao-padrao--negativo:hover {
    color: cadetblue;
    box-shadow: inset 0 0 0 2px cadetblue;

}

.botao--quadrado {
    border-radius: 0;
}

.botao--redondo {
    border-radius: 50px;
}