/* Floating WhatsApp button */

.whatsapp-float{
  position:fixed;
  right:20px;
  bottom:110px; /* keeps away from footer on short pages */
  z-index:999999;
  width:58px;
  height:58px;
  border-radius:50%;
  background:#25D366;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 25px rgba(0,0,0,.25);
  transition:transform .2s, background .2s;
}

.whatsapp-float:hover{
  transform:translateY(-3px);
  background:#1fb85a;
}

.whatsapp-float i{
  color:#fff;
  font-size:26px;
}

@media(max-width:991px){
  .whatsapp-float{
    right:16px;
    bottom:90px;
  }
}