/* أزرار التواصل الثابتة أسفل يسار الصفحة */
.omsnctafxfrj {
    --ctafaccent: #ffa500;
    --ctafbg: #000000;

    /* محطّات سطح الزر: برتقالي فاتح أعلى ← برتقالي غامق ← دافئ داكن أسفل */
    --ctafs1: #dd8f18;
    --ctafs2: #bf7a10;
    --ctafs3: #96590c;
    --ctafs4: #6b430c;
    --ctafs5: #422808;

    --ctaftext: #000;
    --ctafradius: 999px;
    --ctafborder: 6px;

    position: fixed;
    left: 18px;
    bottom: 18px;
    z-index: 900;
    width: max-content;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: .55em;
}

    /* الزر */
    .omsnctafxfrjbtn {
        box-sizing: border-box;
        position: relative;
        isolation: isolate;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .55em;
        width: 100%;
        padding: .82em 2.1em;
        border: 0;
        border-radius: var(--ctafradius);
        font-family: inherit;
        font-size: .97rem;
        font-weight: 700;
        text-decoration: none;
        white-space: nowrap;

        /* سطح الزر: مزج #ffa500 مع الأسود + إضاءة علوية ناعمة */
        background-image:
            radial-gradient(130% 92% at 50% -22%,
                rgba(255, 206, 132, .32) 0%,
                rgba(255, 206, 132, 0) 56%),
            linear-gradient(180deg,
                var(--ctafs1) 0%,
                var(--ctafs2) 24%,
                var(--ctafs3) 52%,
                var(--ctafs4) 78%,
                var(--ctafs5) 100%);

        box-shadow:
            /* لمعة علوية على السطح */
            inset 0 3px 3px rgba(255, 226, 172, .5),
            inset 0 9px 15px rgba(255, 202, 132, .16),
            /* تعتيم سفلي داخل السطح */
            inset 0 -13px 20px rgba(0, 0, 0, .6),
            inset 0 -3px 4px rgba(0, 0, 0, .82),
            /* تعتيم الجوانب لإحساس التدوير */
            inset 6px 0 11px rgba(0, 0, 0, .22),
            inset -6px 0 11px rgba(0, 0, 0, .22),
            /* الظل السفلي متعدد الطبقات يندمج مع الخلفية السوداء */
            0 5px 9px rgba(0, 0, 0, .72),
            0 14px 24px rgba(0, 0, 0, .6),
            0 28px 50px rgba(0, 0, 0, .46);
    }

    /* البروز الخارجي: طبقة قبل الحد الأسود، أقوى أعلى والجوانب وتضعف نحو الأسفل */
    .omsnctafxfrjbtn::before {
        content: "";
        position: absolute;
        inset: -12px -10px -3px -10px;
        z-index: -1;
        border-radius: var(--ctafradius);
        background-image: linear-gradient(180deg,
            rgba(255, 188, 96, .3) 0%,
            rgba(255, 172, 44, .15) 34%,
            rgba(255, 165, 0, .05) 66%,
            rgba(255, 165, 0, 0) 90%);
        filter: blur(6px);
        pointer-events: none;
    }

    /* الحد الأسود السميك: صلب أعلى والجوانب، يخفّ ويندمج نحو الأسفل */
    .omsnctafxfrjbtn::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        border-radius: inherit;
        padding: var(--ctafborder);
        background-image: linear-gradient(180deg,
            #000000 0%,
            #000000 28%,
            rgba(0, 0, 0, .82) 55%,
            rgba(0, 0, 0, .46) 80%,
            rgba(0, 0, 0, .2) 100%);
        -webkit-mask:
            linear-gradient(#000 0 0) content-box,
            linear-gradient(#000 0 0);
        -webkit-mask-composite: xor;
                mask-composite: exclude;
        pointer-events: none;
    }

    /* النص والأيقونة: محفوران داخل سطح الزر */
    .omsnctafxfrjlabel,
    .omsnctafxfrjicon {
        position: relative;
        z-index: 2;
        color: var(--ctaftext);
        /* text-shadow:
            0 -1px 1px rgba(0, 0, 0, .72),
            0 1px 0 rgba(255, 228, 175, .26),
            0 2px 3px rgba(0, 0, 0, .5); */
    }

    /* الأيقونة */
    .omsnctafxfrjicon {
        flex-shrink: 0;
        font-size: 1.08em;
        line-height: 1;
    }


/* الاستجابة */
@media (max-width: 560px) {

    .omsnctafxfrj {
        left: 13px;
        bottom: 13px;
        gap: .5em;
    }

    .omsnctafxfrjbtn {
        padding: .76em 1.7em;
        font-size: .9rem;
    }

}