HTML
<div class="wadiv">
<a class="float" title="Свяжитесь с нами через whatsapp" href="whatsapp://send?phone=+79264841653" target="_blank" rel="noopener"><div class="whatsapp-button"><i class="fa fa-whatsapp"></i></div></a>
</div>
CSS
.whatsapp-button {position: fixed;right: 13px;bottom: 0px;transform: translate(-50%, -50%);background: #25D366; /*цвет кнопки*/border-radius: 50%;width: 55px; /*ширина кнопки*/height: 55px; /*высота кнопки*/color: #fff;text-align: center;line-height: 53px; /*центровка иконки в кнопке*/font-size: 35px; /*размер иконки*/z-index: 9999;}
.whatsapp-button a{color: #fff;}
.whatsapp-button:before, .whatsapp-button:after{content: " ";display: block;position: absolute;border: 50%;border: 1px solid #25D366;left: -20px;right: -20px;top: -20px;bottom: -20px;border-radius: 50%;animation: animate 1.5s linear infinite;opacity: 0;backface-visibility: hidden;}
@media (max-width : 800px)
{
.whatsapp-button {height: 40px;width: 40px;font-size: 20px;line-height: 39px;bottom: 5px; /*отступ кнопки снизу от экрана*/left: 70px; /*отступ кнопки слева от экрана(right - справа)*/}
.button.top.active{display: none;}
}
.whatsapp-button:after{animation-delay: .5s;}
@keyframes animate
{
0%{transform: scale(0.5);opacity: 0;}
50%{opacity: 1;}
100%{transform: scale(1.2);opacity: 0;}
}