/*=========================================================
                FLOATING BUTTONS
=========================================================*/

.vs-floating-buttons{

    position:fixed;

    right:25px;

    bottom:30px;

    display:flex;

    flex-direction:column;

    gap:15px;

    z-index:9999;

}

.vs-float-btn{

    width:58px;

    height:58px;

    border:none;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    text-decoration:none;

    cursor:pointer;

    color:#fff;

    font-size:22px;

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

    transition:.35s ease;

}

.call-btn{

    background:#1D4ED8;

}

.whatsapp-btn{

    background:#25D366;

}

.top-btn{

    background:#00C2FF;

}

.vs-float-btn:hover{

    transform:translateY(-6px) scale(1.08);

    color:#fff;

}

.top-btn{

    opacity:0;

    visibility:hidden;

}

.top-btn.show{

    opacity:1;

    visibility:visible;

}


/*=========================================================
                    BACK TO TOP
=========================================================*/

.vs-back-top{

    position:fixed;

    right:25px;

    bottom:25px;

    width:58px;

    height:58px;

    border:none;

    outline:none;

    border-radius:50%;

    background:linear-gradient(
        135deg,
        #1D4ED8,
        #00C2FF
    );

    color:#FFFFFF;

    font-size:22px;

    cursor:pointer;

    display:flex;

    justify-content:center;

    align-items:center;

    box-shadow:
        0 12px 35px rgba(29,78,216,.35);

    transition:all .35s ease;

    opacity:0;

    visibility:hidden;

    transform:translateY(30px);

    z-index:9999;

}

.vs-back-top.show{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

.vs-back-top:hover{

    transform:translateY(-6px);

    box-shadow:
        0 18px 45px rgba(29,78,216,.45);

}

.vs-back-top:active{

    transform:scale(.95);

}