.botao i {
    margin-right: 5px;    
}
.btn{
    border-radius: 20px;
}
.botao{
  
    text-align: center;  
    color: white;
    background-color: var(--cor-principal);   
    
}
  
  .botao:hover {
    color: var(--cor-principal);
    background-color:var(--cor-terciaria);
    border:1px solid var(--cor-principal);
  }

  .botao-invertido{
  
    text-align: center;  
    color: var(--cor-principal);
    background-color: white;   
    border:1px solid var(--cor-principal);
}


.botao-invertido-body{
  
  text-align: center;  
  color: var(--cor-principal);
  background-color: #EFF4F6;
  border:1px solid var(--cor-principal);
}
  .botao-invertido-body:hover,
  .botao-invertido:hover {
    color: var(--cor-principal);
    background-color:var(--cor-terciaria);
    border:1px solid var(--cor-terciaria);
  }
  
  .botao-secundario{
    flex: 1 1 auto;
    text-align: center;  
    background-color:var(--cor-secundaria);
    color:var(--cor-principal)
  }
  
  .botao-secundario:hover {
    background-color:var(--cor-terciaria);
    color:var(--cor-principal);
    border:1px solid var(--cor-terciaria);
  }
  
  .botao-terciario,
  .botao-terciario-hover-sec{
    flex: 1 1 auto;
    text-align: center;  
    
    background-color:var(--cor-terciaria);
    color: #4B409D;
  }
  
  .botao-terciario:hover {
    background-color: var(--cor-principal);
    color:var(--cor-terciaria);
    border:1px solid  var(--cor-principal);
  }

  .botao-terciario-hover-sec:hover {
    background-color: var(--cor-secundaria);
    color:var(--cor-principal);
    border:1px solid  var(--cor-secundaria);
  }