.whatsapp-float {
    position: fixed;

    bottom: 20px;
    right: 20px;

    display: flex;
    align-items: center;
    gap: 10px;

    padding: 12px 18px;

    background: #25D366;
    color: #fff;

    border-radius: 50px;

    text-decoration: none;

    font-size: 14px;
    font-weight: 500;

    box-shadow: 0 10px 25px rgba(0,0,0,0.2);

    z-index: 9999;

    transition: 0.2s ease;
}

.whatsapp-float:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.25);
}