.whatsapp-icon {
position: fixed;
bottom: 20px;
right: 20px;
background-color: #25D366;
color: white;
font-size: 28px;
padding: 11px;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
transition: transform 0.3s ease-in-out;
text-align: center;
z-index: 1;
}

.whatsapp-icon::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 60px;
height: 60px;
background-color: rgba(37, 211, 102, 0.5);
border-radius: 50%;
transform: translate(-50%, -50%);
z-index: -1;
animation: pulse-animation 1.5s infinite;
}

@keyframes pulse-animation {
0% {
transform: translate(-50%, -50%) scale(1);
opacity: 0.7;
}
50% {
transform: translate(-50%, -50%) scale(1.4);
opacity: 0;
}
100% {
transform: translate(-50%, -50%) scale(1);
opacity: 0;
}
}

.whatsapp-icon:hover {
transform: scale(1.1);
}