Изделия для записей
.whatsapp-button {
;
right: 3.5%;
bottom: 12%;
transform: translate(0%, 0%);
transition: all .5s;
border-radius: 50%;
width: 70px;
height: 70px;
text-align: center;
font-size: 0px;
opacity: 0.8;
z-index: 100000;
}
.whatsapp-button:before, .whatsapp-button:after { content: " "; display: block; ; left: 5%; bottom: 10%; 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; }
.whatsapp-button:after { animation-delay: .5s; }
.whatsapp-button:hover { opacity: 1; transform: scale(1.2) rotateZ(-90deg); transition: all .5s; }
@keyframes animate { 0% { transform: scale(0.5); opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; }
}
.whatsapp-button:before, .whatsapp-button:after { content: " "; display: block; ; left: 5%; bottom: 10%; 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; }
.whatsapp-button:after { animation-delay: .5s; }
.whatsapp-button:hover { opacity: 1; transform: scale(1.2) rotateZ(-90deg); transition: all .5s; }
@keyframes animate { 0% { transform: scale(0.5); opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; }
}