/* ==========================================================
   Floating WhatsApp
========================================================== */

.km-whatsapp-float {

    position: fixed;

    right: 24px;

    bottom: 24px;

    display: flex;

    align-items: center;

    gap: 12px;

    background: #25D366;

    color: #fff;

    padding: 14px 18px;

    border-radius: 999px;

    font-weight: 600;

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

    transition: .3s ease;

    z-index: 9999;

}

.km-whatsapp-float:hover {

    transform: translateY(-3px);

}

.km-whatsapp-icon {

    font-size: 1.45rem;

    line-height: 1;

}

@media (max-width:768px){

    .km-whatsapp-text{

        display:none;

    }

    .km-whatsapp-float{

        width:60px;

        height:60px;

        justify-content:center;

        padding:0;

        border-radius:50%;

    }

}