.float{
  position:fixed;
  width:60px;
  height:60px;
  bottom:20px;
  right:20px;
  background-color:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  box-shadow: 0px 2px 15px rgba(25, 119, 204, 0.2);
  z-index:100;
  transition: 0.5s;
}
.float:hover {
  text-decoration: none;
  color: #25d366;
  background-color:#fff;
}

.my-float{
  margin-top:16px;
}

@media (max-width: 768px) {
  .float{
  right: 15px;
  bottom: 15px;
  }
}