.whatsapp-float {
    position: fixed !important;
    bottom: 30px !important;
    right: 30px !important;
    width: 80px !important;
    height: 80px !important;
    background: linear-gradient(135deg, #25d366 0, #1ebea5 100%) !important;
    color: #fff !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 40px !important;
    box-shadow: 0 10px 30px rgba(37, 211, 102, .8), 0 0 50px rgba(37, 211, 102, .5), 0 0 100px rgba(37, 211, 102, .3) !important;
    cursor: pointer !important;
    z-index: 999999 !important;
    transition: all .3s ease !important;
    text-decoration: none !important;
    animation: megaPulse 1.5s infinite, floatUp 2s ease-in-out infinite !important;
    border: 4px solid rgba(255, 255, 255, .5) !important
}

.whatsapp-float:hover {
    transform: scale(1.2) rotate(10deg) !important;
    box-shadow: 0 15px 40px #25d366, 0 0 70px rgba(37, 211, 102, .7), 0 0 120px rgba(37, 211, 102, .5) !important
}

.whatsapp-float i {
    color: #fff !important;
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, .4)) !important
}

@keyframes megaPulse {

    0%,
    100% {
        box-shadow: 0 10px 30px rgba(37, 211, 102, .8), 0 0 50px rgba(37, 211, 102, .5), 0 0 100px rgba(37, 211, 102, .3);
        transform: scale(1)
    }

    50% {
        box-shadow: 0 15px 45px #25d366, 0 0 80px rgba(37, 211, 102, .8), 0 0 150px rgba(37, 211, 102, .5);
        transform: scale(1.1)
    }
}

@keyframes floatUp {

    0%,
    100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-15px)
    }
}

.whatsapp-float::before {
    content: attr(data-tooltip) !important;
    position: absolute !important;
    right: 95px !important;
    background: #25d366 !important;
    color: #fff !important;
    padding: .85rem 1.5rem !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .3s ease, transform .3s ease !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .4) !important;
    transform: translateX(15px) !important
}

.whatsapp-float:hover::before {
    opacity: 1 !important;
    transform: translateX(0) !important
}

.whatsapp-float::after {
    content: '' !important;
    position: absolute !important;
    right: 85px !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 10px solid transparent !important;
    border-bottom: 10px solid transparent !important;
    border-left: 12px solid #25d366 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .3s ease !important
}

.whatsapp-float:hover::after {
    opacity: 1 !important
}

@media (max-width:768px) {
    .whatsapp-float {
        bottom: 20px !important;
        right: 20px !important;
        width: 70px !important;
        height: 70px !important;
        font-size: 34px !important
    }

    .whatsapp-float::after,
    .whatsapp-float::before {
        display: none !important
    }
}