/*
 *  @author Guerby Duval <info@tranzaksyon.com>
 *  @link https://tranzaksyon.com
 *  @copyright You are not allowed to remove this author "Guerby Duval <info@tranzaksyon.com>", the link "https://tranzaksyon.com" neither this copyright.
 */

.floating-whatsapp {
    position: fixed;

    right: 30px;
    bottom: 30px;

    z-index: 9999;

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

    text-decoration: none;
}

.whatsapp-label {
    background: #fff;

    padding: 14px 18px;

    border-radius: 18px;

    box-shadow: 0 15px 40px rgba(0, 0, 0, .12);

    color: #07111f;

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

    display: flex;
    flex-direction: column;

    transition: .3s;
}

.whatsapp-label span {
    font-size: 12px;
    font-weight: 500;
    color: #64748b;
    margin-top: 2px;
}

.whatsapp-icon {
    width: 68px;
    height: 68px;

    border-radius: 50%;

    background: #25D366;

    color: #fff;

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0 15px 35px rgba(37, 211, 102, .35);

    position: relative;

    transition: .3s;
}

.whatsapp-icon:hover {
    transform: scale(1.08);
}

.whatsapp-pulse {
    position: absolute;

    right: 0;
    bottom: 0;

    width: 68px;
    height: 68px;

    border-radius: 50%;

    background: rgba(37, 211, 102, .3);

    animation: whatsappPulse 2s infinite;
}

@keyframes whatsappPulse {

    0% {
        transform: scale(1);
        opacity: .8;
    }

    100% {
        transform: scale(1.8);
        opacity: 0;
    }

}

/* MOBILE */

@media (max-width: 768px) {

    .floating-whatsapp {
        right: 20px;
        bottom: 20px;
    }

    .whatsapp-label {
        display: none;
    }

    .whatsapp-icon {
        width: 62px;
        height: 62px;
    }

    .whatsapp-pulse {
        width: 62px;
        height: 62px;
    }

}