.whatsapp-chat{
position: fixed;
right: 20px;
bottom: 20px;
width: 60px;
height: 60px;
background: #25D366;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
box-shadow: 0 6px 15px rgba(0,0,0,.25);
z-index: 99999;
transition: .3s;
animation: float 2.5s ease-in-out infinite,
pulse 2s infinite;
}
.whatsapp-chat:hover{
transform: scale(1.1);
animation: none;
}
@keyframes float{
0%{transform: translateY(0);}
50%{transform: translateY(-8px);}
100%{transform: translateY(0);}
}
@keyframes pulse{
0%{
box-shadow: 0 0 0 0 rgba(37,211,102,.5);
}
70%{
box-shadow: 0 0 0 15px rgba(37,211,102,0);
}
100%{
box-shadow: 0 0 0 0 rgba(37,211,102,0);
}
}
@media(max-width:768px){
.whatsapp-chat{
width:55px;
height:55px;
right:15px;
bottom:15px;
}
}
Skip to content
- Choosing a selection results in a full page refresh.
- Opens in a new window.
