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

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

.flutuante a:focus{
  outline: none;
}

.flutuante a.main{
  position: fixed;
  background-color: #34af23;
  right: 0px;
  top: 20%;
  z-index: 20;
}

.flutuante .main-text{
  background-color: #1cb631;
  padding: 10px;
  color: var(--main-white);
  text-transform: uppercase;
  font-size: 24px;
  line-height: 26px;
}

.flutuante .main-icone{
  background-color: #009d16;
  padding: 10px;
}

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