/*=========================================
WHATSAPP FLOATING BUTTON
=========================================*/

.abc-whatsapp{
    position:fixed;
    bottom:25px;
    z-index:99999;

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

    min-width:180px;
    min-height:50px;

    padding:12px 18px;

    background:#C89B3C;
    color:#fff;
    text-decoration:none;

    border-radius:60px;

    box-shadow:0 12px 35px rgba(0,0,0,.25);

    transition:.35s ease;
}

.abc-whatsapp:hover{
    color:#fff;
    text-decoration:none;
    transform:translateY(-4px);
    box-shadow:0 18px 45px rgba(0,0,0,.30);
}

/* Position */

.abc-whatsapp-left{

    left:25px;

}

.abc-whatsapp-right{

    right:25px;

}


/* Logo */

.abc-wa-icon{

    width:40px;
    height:40px;

    min-width:40px;

    border-radius:50%;

    background:#fff;
    color: #C89B3C;

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

}

.abc-wa-icon i{

    font-size:25px;
   

}


/* Content */

.abc-wa-content{

    display:flex;
    flex-direction:column;
    color:#fff;
    justify-content:center;

}

.abc-wa-title{

    font-size:15px;
    font-weight:700;
    line-height:1.2;

}

.abc-wa-number{

    font-size:14px;
    line-height:1.2;
    opacity:.95;
    

}


/* Floating Animation */

@keyframes abcWhatsappFloat{

    0%{

        transform:translateY(0px);

    }

    50%{

        transform:translateY(-6px);

    }

    100%{

        transform:translateY(0px);

    }

}

.abc-whatsapp{

    animation:abcWhatsappFloat 2.8s ease-in-out infinite;

}



/* Mobile */

@media(max-width:768px){

    .abc-whatsapp{

        min-width:220px;

        min-height:60px;

        bottom:18px;

        left:18px;
        right:18px;

        padding:10px 15px;

    }

    .abc-whatsapp-left{

        left:18px;
        right:auto;

    }

    .abc-whatsapp-right{

        right:18px;
        left:auto;

    }

    .abc-wa-icon{

        width:40px;
        height:40px;
        min-width:40px;

    }

    .abc-wa-icon i{

        font-size:26px;

    }

    .abc-wa-title{

        font-size:15px;

    }

    .abc-wa-number{

        font-size:13px;

    }

}