.flutuante{
  position: fixed;
  bottom: 20px;
  left: 90px;
  z-index: 99;
}

.flutuante a, .flutuante a{
  cursor: pointer;
  text-align: center;
  background-color: var(--main-empresa);
  box-shadow: 0 1px 5px rgba(0,0,0,.4);
  font-size: 23px;
  border: 3px solid var(--main-empresa);
}

.flutuante a:focus{
  outline: none;
}

.flutuante a.main{
  position: fixed;
  right: 0px;
  top: 50%;
  z-index: 20;
  text-decoration: none;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.flutuante .main-text{
  background-color: var(--main-azul);
  padding: 10px;
  color: var(--main-white);
  text-transform: uppercase;
  font-size: 24px;
  line-height: 26px;
  border-top-left-radius: 10px;
}

.flutuante .main-icone{
  background-color: var(--main-blue);
  padding: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.flutuante .main-icone i{
  color: var(--main-white);
  font-size: 45px;
}