#nfc-root{
    position:fixed;
    left:30px;
    bottom:30px;
    z-index:999999;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

/* منو همیشه بالای دکمه */
#nfc-menu{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-bottom:10px;
    opacity:0;
    visibility:hidden;

    transform:translateY(15px);

    transition:
        opacity .25s ease,
        transform .25s ease,
        visibility .25s;
}

/* فقط روی کامپیوتر */
#nfc-root:hover .nfc-item{

opacity:1;

transform:none;

}

#nfc-root:hover .nfc-item:nth-child(1){

transition-delay:.00s;

}

#nfc-root:hover .nfc-item:nth-child(2){

transition-delay:.05s;

}

#nfc-root:hover .nfc-item:nth-child(3){

transition-delay:.10s;

}

#nfc-root:hover .nfc-item:nth-child(4){

transition-delay:.15s;

}

.nfc-item{
    opacity:0;

    transform:translateY(12px) scale(.9);

    transition:
        opacity .25s ease,
        transform .25s ease;
    width:50px;
    height:50px;

    border-radius:50%;

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

    text-decoration:none;

    position:relative;

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

}

.nfc-label{

    position:absolute;

    left:70px;

    background:#fff;

    padding:8px 14px;

    border-radius:25px;

    color:#333;

    white-space:nowrap;

    opacity:0;

    transition:.25s;

    pointer-events:none;

}

.nfc-item:hover .nfc-label{

    opacity:1;

}

.nfc-whatsapp{
    background:#25D366;
}

.nfc-telegram{
    background:#2AABEE;
}

.nfc-eitaa{
    background:#F7A600;
}

.nfc-rubika{
    background:#0B57D0;
}

/* ---------- Menu State ---------- */

#nfc-root.nfc-open #nfc-menu{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

#nfc-root.nfc-open .nfc-item{

    opacity:1;

    transform:none;

}

#nfc-root.nfc-open .nfc-item:nth-child(1){

transition-delay:.00s;

}

#nfc-root.nfc-open .nfc-item:nth-child(2){

transition-delay:.05s;

}

#nfc-root.nfc-open .nfc-item:nth-child(3){

transition-delay:.10s;

}

#nfc-root.nfc-open .nfc-item:nth-child(4){

transition-delay:.15s;

}
/* ===========================
   Main Button
=========================== */
#nfc-main-button{
    position:relative;

    width:60px;
    height:60px;

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

    border:none;
    border-radius:50%;

    background:#2563eb;

    cursor:pointer;

    overflow:hidden;

    box-shadow:0 10px 25px rgba(0,0,0,.18);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

#nfc-main-button:hover{
    transform:scale(1.06);
}
.nfc-icon{
    width:28px;
    height:28px;
}

.nfc-icon path{
    fill:none;
    stroke:#fff;
    stroke-width:2.5;
    stroke-linecap:round;
    transition:.35s;
}