@keyframes pulse {
0%, 7% {
transform: rotateZ(0) scale(1.1);
transition: .2s;
}
15% {
transform: rotateZ(-15deg) scale(1.1);
transition: .2s;
}
20% {
transform: rotateZ(10deg);
transition: .2s;
}
25% {
transform: rotateZ(-10deg);
transition: .2s;
}
30% {
transform: rotateZ(6deg);
transition: .2s;
}
35% {
transform: rotateZ(-4deg);
transition: .2s;
}
40%, 100% {
transform: rotateZ(0);
transition: .2s;
}
}
.whatsapp {
position: fixed;
bottom: 35%;
right: 0px;
margin: 20px;
z-index: 9999;
transition: .2s;
-webkit-filter: drop-shadow(2px 2px 6px rgba(0,0,0,0.4));
filter: drop-shadow(2px 2px 6px rgba(0,0,0,0.4));
}
.whatsapp img {
animation: wiggle 1.2s linear infinite;
margin: 0 auto;
display: table;
animation-direction: alternate;
-webkit-animation-name: pulse;
animation-name: pulse;
width: 65px;
}
@media only screen and (max-width: 645px) {
.whatsapp {
bottom: 45.5%;
}
.whatsapp img{
animation: wiggle 1.2s linear infinite;
width: 45px;
height: 45px;
margin: 0 0 0 0;
}    
}
.whatsapp:hover, .whatsapp img:hover {
animation: initial;
transform: scale(1.05);
transition: .2s;
}