.container{
    box-sizing: border-box;
    max-width: 1200px;
    padding: 0 20px;
    margin: 0 auto;
}
.btn-1{
    color: var(--cor-principal);
    padding: 16px 32px;
    border: 2px solid var(--cor-principal);
    border-radius: 5px;
    transition: .3s;
}
.btn-1:hover{
    color: var(--cor-branco);
    background: var(--cor-principal);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
}
.btn-1-escuro{
    color: var(--cor-escura);
    padding: 16px 32px;
    border: 2px solid var(--cor-escura);
    border-radius: 5px;
    transition: .3s;
}
.btn-1-escuro:hover{
    color: var(--cor-branco);
    background: var(--cor-escura);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
}

.btn-1-nav{
    color: var(--cor-principal);
    padding: 16px 32px;
    border-radius: 5px;
}
.btn-1-nav:hover{
   background: var(--cor-branco) !important;
}
.btn-2{
    margin-left: 20px;
    font-weight: bold;
    padding: 8px 10px;
    border: 2px solid var(--cor-escura);
    border-radius: 30px;
    transition: .3s;
}
.btn-2:hover{
    color: var(--cor-branco);
    background: var(--cor-escura);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
}
.btn-form{
    color: var(--cor-branco);
    padding: 16px 32px;
    background: var(--cor-principal);
    border: none;
    border-radius: 5px;
    transition: .3s;
    cursor: pointer;
}
.btn-form:hover{
    color: var(--cor-branco);
    background: #425ACC;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25);
}