.whatsapp-bubble {
color: white;
position: fixed;
bottom: 20px;
right: 20px;
width: 60px;
height: 60px;
background-color: #25d366;
border-radius: 50%;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: transform 0.3s;
z-index: 9999;
}

.whatsapp-bubble:hover {
transform: scale(1.1);
}
.whatsapp-bubble i {
    display: flex;
    align-content: center;
    justify-content: center;
    font-size: 1.8rem; 
}