/* ==========================================================
   KENANTA WHATSAPP — FINAL CLEAN COMPONENT
   ========================================================== */

html body a.kenanta-whatsapp {

    all: unset !important;

    position: fixed !important;

    right: 22px !important;
    bottom: 22px !important;

    z-index: 999999 !important;

    display: inline-flex !important;

    flex-direction: row !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 10px !important;

    width: auto !important;

    min-width: 0 !important;

    height: 50px !important;

    padding:
        0 20px 0 16px !important;

    box-sizing:
        border-box !important;

    background:
        #25D366 !important;

    color:
        #ffffff !important;

    border:
        0 !important;

    border-radius:
        18px !important;

    cursor:
        pointer !important;

    white-space:
        nowrap !important;

    overflow:
        visible !important;

    text-decoration:
        none !important;

    font-family:
        inherit !important;

    box-shadow:
        0 8px 22px
        rgba(0,0,0,.18) !important;

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        background .22s ease !important;
}


html body a.kenanta-whatsapp:hover {

    background:
        #20c760 !important;

    transform:
        translateY(-3px) !important;

    box-shadow:
        0 12px 28px
        rgba(0,0,0,.23) !important;
}


html body a.kenanta-whatsapp svg {

    all: unset !important;

    display:
        block !important;

    width:
        25px !important;

    height:
        25px !important;

    min-width:
        25px !important;

    flex:
        0 0 25px !important;

    color:
        #ffffff !important;
}


html body a.kenanta-whatsapp .kenanta-wa-label {

    all: unset !important;

    display:
        inline-block !important;

    color:
        #ffffff !important;

    font-family:
        inherit !important;

    font-size:
        16px !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;

    white-space:
        nowrap !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width:767px) {

    html body a.kenanta-whatsapp {

        right:
            14px !important;

        bottom:
            14px !important;

        height:
            48px !important;

        padding:
            0 17px 0 14px !important;

        gap:
            9px !important;

        border-radius:
            17px !important;
    }


    html body a.kenanta-whatsapp svg {

        width:
            23px !important;

        height:
            23px !important;

        min-width:
            23px !important;

        flex:
            0 0 23px !important;
    }


    html body a.kenanta-whatsapp
    .kenanta-wa-label {

        font-size:
            14px !important;
    }

}