.phone-float,
.whatsapp{
  position:fixed;
  right:22px;
  z-index:90;
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  font-size:21px;
  transition:transform .25s,box-shadow .25s;
}

.phone-float{
  bottom:86px;
  background:linear-gradient(145deg,#1384d6,#0757a8);
  box-shadow:0 10px 25px rgba(6,61,125,.34);
}

.whatsapp{
  bottom:22px;
}

.phone-float:hover,
.whatsapp:hover{
  transform:translateY(-4px);
}

@media(max-width:480px){
  .phone-float,
  .whatsapp{
    right:15px;
    width:48px;
    height:48px;
  }
  .phone-float{bottom:76px}
  .whatsapp{bottom:16px}
}