<style>

.flBtnCntr {
  display: inline-flex;
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index:999999;
}
.flBtnBox {
  outline: 0;
  border: 0;
  border-radius: 50%;
  background-color: green;
  color: #fff;
  cursor: pointer
}
.flBtnBox.big1 {
  background-color: green;
  font-size: 30px;
  height: 60px;
  width: 60px
}
.flBtnBox.small1 {
  animation: showBtn 150ms cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
  transform: scale(0);
  background-color: #363636;
  margin: 0 5px;
  font-size: 20px;
  height: 40px;
  width: 40px;
}
.flBtnBox.small1:nth-child(2) {
  animation-delay: 150ms
}
.flBtnBox.small1:nth-child(3) {
  animation-delay: 300ms
}
@keyframes showBtn {
  0% {
    transform: scale(0)
  }
  100% {
    transform: scale(1)
  }
}
.flBtnBox.big1:hover {
  box-shadow: 0 0 10px rgba(41,120,211,0.4)
}
.flBtnBox.small1:hover {
  box-shadow: 0 0 10px rgba(0,0,0,0.3)
}
.flBtns {
  position: absolute;
  left: 100%;
  top: 0;
  bottom: 0;
  display: none;
  padding: 0 5px;
  align-items: center
}
.flBtnCntr:hover .flBtns {
  display: inline-flex;
}



</style>




<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
   
<div class="flBtnCntr" title="WhatsApp Now">
  <button class="flBtnBox big1"><a href="https://wa.me/919990650987" style="color:white;"><i class="fa fa-whatsapp"></i></a></button>
</div>