.floating-contact{
    position:fixed;
    left:20px;
    bottom:14px;
    z-index:99999;

    display:flex;
    flex-direction:column-reverse;
    align-items:flex-start;
}

.contact-options{
    display:flex;
    flex-direction:column-reverse;
    gap:12px;

    margin-bottom:12px;

    opacity:0;
    visibility:hidden;

    transform:translateY(15px);

    transition:all .3s ease;
}

.contact-options.open{
    opacity:1;
    visibility:visible;

    transform:translateY(0);
}

.contact-option,
.contact-master-btn{
    width:58px;
    height:58px;

    border-radius:50%;

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

    border:none;
    cursor:pointer;

    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);

    box-shadow:
        0 8px 25px rgba(0,0,0,.18),
        0 2px 8px rgba(0,0,0,.12);

    transition:all .25s ease;
}

.contact-option:hover,
.contact-master-btn:hover{
    transform:translateY(-3px) scale(1.06);
}

/* ГОЛОВНА КНОПКА */

.contact-master-btn{
    background:linear-gradient(135deg,#ff7a18,#ff5500);

    animation:pulse-contact-btn 2s infinite;
}

/* ПУЛЬСАЦІЯ */

@keyframes pulse-contact-btn{

    0%{
        box-shadow:
            0 0 0 0 rgba(255,122,24,.65),
            0 8px 25px rgba(0,0,0,.18);
    }

    70%{
        box-shadow:
            0 0 0 18px rgba(255,122,24,0),
            0 8px 25px rgba(0,0,0,.18);
    }

    100%{
        box-shadow:
            0 0 0 0 rgba(255,122,24,0),
            0 8px 25px rgba(0,0,0,.18);
    }
}

/* ВНУТРІШНІ КНОПКИ */

.contact-phone{
    background:rgba(37,211,102,.32) !important;
    border:1px solid rgba(37,211,102,.55);
}

.contact-viber{
    background:rgba(115,96,242,.32) !important;
    border:1px solid rgba(115,96,242,.55);
}

.contact-telegram{
    background:rgba(34,158,217,.32) !important;
    border:1px solid rgba(34,158,217,.55);
}

.contact-option img,
.contact-option svg,
.contact-master-btn svg{
    width:30px;
    height:30px;
    display:block;
}

.contact-master-btn.active{
    transform:rotate(45deg);
    animation:none;
}

@media(max-width:768px){

    .floating-contact{
        left:16px;
        bottom:10px;
    }

    .contact-option,
    .contact-master-btn{
        width:54px;
        height:54px;
    }

    .contact-option img,
    .contact-option svg,
    .contact-master-btn svg{
        width:28px;
        height:28px;
    }
}