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

.floating-contact {
    position: fixed;

    left: 20px;
    bottom: 20px;

    z-index: 9999;
}


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

.floating-whatsapp {

    width: 52px;
    height: 52px;

    display: flex;

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

    background: #25D366;

    color: #ffffff !important;

    border-radius: 50%;

    font-size: 27px;

    text-decoration: none !important;

    box-shadow: 0 3px 10px rgba(0,0,0,0.25);

    transition: all 0.3s ease;
}


.floating-whatsapp:hover {

    background: #006B3C;

    color: #F5A400 !important;

    transform: scale(1.08);
}


/* =====================================================
   CALL BUTTON
   HIDDEN ON DESKTOP
===================================================== */

.floating-call {
    display: none;
}


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

@media (max-width: 767px) {

    .floating-contact {

        right: 15px;
        bottom: 15px;

        display: flex;

        flex-direction: column;

        gap: 10px;
    }


    /* WhatsApp */

    .floating-whatsapp {

        width: 50px;
        height: 50px;

        font-size: 25px;
    }


    /* Call */

    .floating-call {

        width: 50px;
        height: 50px;

        display: flex;

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

        background: #006B3C;

        color: #F5A400 !important;

        border-radius: 50%;

        font-size: 22px;

        text-decoration: none !important;

        box-shadow: 0 3px 10px rgba(0,0,0,0.25);

        transition: all 0.3s ease;
    }


    .floating-call:hover {

        background: #F5A400;

        color: #000000 !important;

        transform: scale(1.08);
    }

}