/* ==========================================================
   BALE LIVING
   Floating WhatsApp
   Version : 1.1
========================================================== */

/* Floating Container */

.bl-floating-whatsapp{

    position:fixed;

    right:20px;

    bottom:20px;

    z-index:9999;

}

/* Button */

.bl-floating-whatsapp a{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    min-width:170px;

    padding:6px 20px;

    background:#25D366;

    color:#fff;

    border-radius:40px;

    text-decoration:none;

    font-size:14px;

    font-weight:500;

    line-height:1;

    box-shadow:0 8px 20px rgba(0,0,0,.18);

    transition:all .25s ease;

}

/* Hover */

.bl-floating-whatsapp a:hover{

    background:#20bf5b;

    color:#fff;

    text-decoration:none;

}

/* Icon */

.bl-wa-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

}

.bl-wa-icon img{

    width:24px;

    height:24px;

    display:block;

}

/* Text */

.bl-wa-text-desktop,
.bl-wa-text-mobile{

    white-space:nowrap;

}

.bl-wa-text-mobile{

    display:none;

}

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

@media (max-width:768px){

    .bl-floating-whatsapp{

        right:15px;

        bottom:20px;

    }

    .bl-floating-whatsapp a{

        min-width:100px;

        padding:7px 16px;

        gap:8px;

        border-radius:30px;

        font-size:13px;

        font-weight:600;

    }

    .bl-wa-icon img{

        width:20px;

        height:20px;

    }

    .bl-wa-text-desktop{

        display:none;

    }

    .bl-wa-text-mobile{

        display:inline;

    }

}