<style>

.flBtnCntr {
  display: inline-flex;
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index:999999;
}
.flBtnBox {
  outline: 0;
  border: 0;
  border-radius: 50%;
  background-color: #2978d3;
  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;
}





/*************** Live Chat ************************/

.modaldolly {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index:999; /* Sit on top */
  padding-top:20px; /* Location of the box */
  left: 0;
  top: 0;
  overflow:hidden;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* modaldolly Content */
.modaldolly-content2 {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width:30%;
  top:10px;
}

/* The closechat2 Button */
.closechat2 {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.closechat2:hover,
.closechat2:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}



@media only screen and (min-width:320px) and (max-width:480px) and (orientation:portrait){
.modaldolly-content2{
      background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width:100%;
  top:10px;
}



}
</style>


<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">



<div class="flBtnCntr">
  <button class="flBtnBox big1"><i class="fa fa-whatsapp "></i></button>
  <div class="flBtns">
      



<button class="flBtnBox small1 call-now-btn"  >
<a href="tel:+91 9990650987" style="color:white;">
<i class="fa fa-phone"></i>
</a>
</button>


<button class="flBtnBox small1"> 
<a href="https://wa.me/919990650987" target="_blank" style="color:white;"><i class="fa fa-whatsapp"></i></a>
</button>

  
    
  


  </div>
</div>