.whatsapp-float {
    position: fixed; /* Makes it float */
    width: 60px;
    height: 60px;
    bottom: 40px; /* Adjust vertical position */
    right: 40px; /* Adjust horizontal position */
    background-color: #25d366; /* WhatsApp green */
    color: #FFF;
    border-radius: 50%; /* Makes it circular */
    text-align: center;
    font-size: 30px; /* Icon size */
    box-shadow: 2px 2px 3px #999; /* Subtle shadow */
    z-index: 100; /* Ensures it's on top of other content */
    display: flex; /* For centering the icon */
    justify-content: center;
    align-items: center;
    text-decoration: none; /* Remove underline from link */
}

.whatsapp-float:hover {
    background-color: #128C7E; /* Darker green on hover */
}

/* If you're using Font Awesome, you might need some margin for the icon */
.whatsapp-float .fa {
    margin-top: 2px; /* Adjust as needed */
}