.whatsapp-button {
    position: fixed; /* Fixes the button in place */
    bottom: 80px; /* Distance from the bottom */
    right: 20px; /* Distance from the right */
    z-index: 1000; /* Ensures it stays on top of other content */
}

.whatsapp-icon {
    width: 50px; /* Set the desired width */
    height: auto; /* Maintain aspect ratio */
    transition: transform 0.3s; /* Animation effect on hover */
}

.whatsapp-button:hover .whatsapp-icon {
    transform: scale(1.1); /* Slightly enlarge the icon on hover */
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .whatsapp-icon {
        width: 40px; /* Smaller size for mobile */
    }
}