bunlar işinizi görür sanırım.
not: görselin linkini değiştirmeniz gerekir. değiştirmezseniz örnek verdiğiniz siteden çeker.

<a class= whatsapp href="https://wa.me/numaranızıyazın"></a>

@keyframes bouncing{
  0%  { bottom: 0; box-shadow: 0 0 5px rgba(0,0,0,0.5);}
  100%{ bottom: 50px; box-shadow: 0 50px 50px rgba(0,0,0,0.1);}
}

.whatsapp {
    animation: bouncing 3s cubic-bezier(.1,.25,.1,1) 0s infinite alternate both;
    left: 20px!important;
    right: auto;
    width: 183px;
    height: 60px;
    background-image: url(https://www.vipvitorental.com/uploads/whatsapp.png);
    background-color: transparent;
  position: fixed;
    z-index: 999999;
    bottom: 20px;
  text-align: center;
    border-radius: 100px;
    -webkit-box-align: center!important;
  align-items: center!important;
  display: inline-flex;
}