/**
 * Jewel CTA — gold frame, side gems, static gloss. No looping animation.
 */
.gx-jewel,
.gx-home-btn,
.gx-bubble-btn,
.rx-auth-submit,
.gx-plan__cta,
body.rx-body .gx-plan .gx-plan__cta,
body.rx-body .dx-jewels a,
body.rx-body .dx-ref button,
body.rx-body .dx-earn em,
body.rx-body .ot-copy-ref-btn,
body.rx-body .ot-share-btn,
body.rx-body .ot-share-btn.is-wa,
body.rx-body .ot-submit,
body.rx-body .ot-deposit-submit,
body.rx-body .ot-pwa-banner-btn,
body.rx-body .hy-dep-submit,
body.rx-body .hy-dep-copy-btn,
body.rx-body .rx-sal-collect,
body.rx-body .gx-bubble-btn,
body.rx-body .ot-copy-btn,
body.rx-body button[type="submit"]:not(.rx-menu-btn):not(.rx-sidebar-close):not(.rx-auth-eye) {
    --jewel-gold-hi: #ffe9a8;
    --jewel-gold: #f0d56a;
    --jewel-gold-mid: #d4af37;
    --jewel-gold-lo: #7a5410;
    position: relative !important;
    isolation: isolate;
    overflow: visible !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.4rem;
    min-height: 46px !important;
    padding: 0 1.85rem !important;
    border-radius: 7px !important;
    border: 2.5px solid var(--jewel-gold) !important;
    font-family: inherit;
    font-size: 0.82rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-shadow:
        0 0 8px rgba(255, 182, 193, 0.95),
        0 0 16px rgba(244, 63, 94, 0.65),
        0 1px 2px rgba(80, 0, 30, 0.45) !important;
    background-color: #e11d48 !important;
    background-image:
        radial-gradient(circle at 16px 50%, #fff 0 2.1px, #ffe9a8 3.2px, #f0d56a 5px, #7a5410 6.5px, rgba(255,210,70,.95) 8px, transparent 16px),
        radial-gradient(circle at calc(100% - 16px) 50%, #fff 0 2.1px, #ffe9a8 3.2px, #f0d56a 5px, #7a5410 6.5px, rgba(255,210,70,.95) 8px, transparent 16px),
        radial-gradient(circle at 24% 24%, #fff 0 1.15px, transparent 2.1px),
        radial-gradient(circle at 64% 16%, rgba(255,255,255,.95) 0 1.3px, transparent 2.5px),
        radial-gradient(circle at 86% 34%, rgba(255,255,255,.8) 0 1px, transparent 2px),
        radial-gradient(circle at 42% 70%, rgba(255,255,255,.4) 0 0.9px, transparent 1.8px),
        radial-gradient(120% 80% at 12% -12%, rgba(255,255,255,.72), transparent 46%),
        linear-gradient(118deg, transparent 22%, rgba(255,255,255,.62) 42%, transparent 58%),
        linear-gradient(180deg, #ffd6e0 0%, #fb7185 18%, #e11d48 52%, #9f1239 100%) !important;
    background-repeat: no-repeat !important;
    box-shadow:
        0 0 0 1px #5c3d0c,
        0 0 0 2px rgba(255, 233, 168, 0.45),
        -22px 0 20px -6px rgba(255, 210, 70, 1),
        22px 0 20px -6px rgba(255, 210, 70, 1),
        0 10px 22px rgba(190, 24, 93, 0.4),
        inset 0 1px 0 rgba(255,255,255,.55),
        inset 0 -12px 18px rgba(80, 0, 30, 0.32) !important;
    filter: drop-shadow(0 0 6px rgba(255, 200, 80, 0.35));
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

.gx-jewel::before,
.gx-home-btn::before,
.gx-bubble-btn::before,
.rx-auth-submit::before,
.gx-plan__cta::before,
body.rx-body .gx-plan .gx-plan__cta::before,
body.rx-body .dx-jewels a::before,
body.rx-body .dx-ref button::before,
body.rx-body .dx-earn em::before,
body.rx-body .ot-copy-ref-btn::before,
body.rx-body .ot-share-btn::before,
body.rx-body .ot-share-btn.is-wa::before,
body.rx-body .ot-submit::before,
body.rx-body .ot-deposit-submit::before,
body.rx-body .ot-pwa-banner-btn::before,
body.rx-body .hy-dep-submit::before,
body.rx-body .hy-dep-copy-btn::before,
body.rx-body .rx-sal-collect::before,
body.rx-body .gx-bubble-btn::before,
body.rx-body .ot-copy-btn::before,
body.rx-body button[type="submit"]:not(.rx-menu-btn):not(.rx-sidebar-close):not(.rx-auth-eye)::before {
    content: "";
    position: absolute;
    inset: 2px;
    border-radius: 5px;
    pointer-events: none;
    z-index: 1;
    background:
        radial-gradient(ellipse 70% 40% at 18% 20%, rgba(255,255,255,.28), transparent 60%),
        linear-gradient(108deg, transparent 18%, rgba(255,255,255,.18) 36%, transparent 52%);
    mix-blend-mode: screen;
}

.gx-jewel::after,
.gx-home-btn::after,
.gx-bubble-btn::after,
.rx-auth-submit::after,
.gx-plan__cta::after,
body.rx-body .gx-plan .gx-plan__cta::after,
body.rx-body .dx-jewels a::after,
body.rx-body .dx-ref button::after,
body.rx-body .dx-earn em::after,
body.rx-body .ot-copy-ref-btn::after,
body.rx-body .ot-share-btn::after,
body.rx-body .ot-share-btn.is-wa::after,
body.rx-body .ot-submit::after,
body.rx-body .ot-deposit-submit::after,
body.rx-body .ot-pwa-banner-btn::after,
body.rx-body .hy-dep-submit::after,
body.rx-body .hy-dep-copy-btn::after,
body.rx-body .rx-sal-collect::after,
body.rx-body .gx-bubble-btn::after,
body.rx-body .ot-copy-btn::after,
body.rx-body button[type="submit"]:not(.rx-menu-btn):not(.rx-sidebar-close):not(.rx-auth-eye)::after {
    content: "";
    position: absolute;
    top: -40%;
    left: 8%;
    width: 55%;
    height: 180%;
    pointer-events: none;
    z-index: 2;
    background: linear-gradient(112deg, transparent 32%, rgba(255,255,255,.55) 48%, transparent 64%);
    transform: rotate(10deg);
    animation: none !important;
}

.gx-jewel > *:not(.gx-jewel__gem),
.gx-home-btn > *:not(.gx-jewel__gem),
.gx-bubble-btn > *:not(.gx-jewel__gem),
.rx-auth-submit > *:not(.gx-jewel__gem),
.gx-plan__cta > *:not(.gx-jewel__gem),
body.rx-body .gx-bubble-btn > *,
body.rx-body .rx-sal-collect > *,
body.rx-body .ot-copy-ref-btn > *,
body.rx-body .ot-share-btn > *,
body.rx-body .dx-ref button > * {
    position: relative;
    z-index: 3;
    color: inherit !important;
    background: none !important;
    box-shadow: none !important;
    border: 0 !important;
    -webkit-text-fill-color: inherit !important;
}

body.rx-body .gx-bubble-btn__icon,
body.rx-body .gx-bubble-btn__label {
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.gx-home-btn--ghost,
.gx-home-btn--gold {
    color: #fff !important;
}

body.rx-body .dx-jewels {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.7rem;
    margin: 0 0 1rem;
}
body.rx-body .dx-jewels a {
    width: 100%;
}

body.rx-body .dx-ref button,
body.rx-body .hy-dep-copy-btn,
body.rx-body .ot-copy-ref-btn {
    min-width: 92px;
    padding: 0 1.15rem !important;
    letter-spacing: 0.1em !important;
    font-size: 0.72rem !important;
}

body.rx-body .dx-earn em {
    min-height: 36px !important;
    padding: 0 1rem !important;
    font-size: 0.68rem !important;
    letter-spacing: 0.1em !important;
}

body.rx-body .ot-copy-ref-btn i,
body.rx-body .ot-share-btn i,
body.rx-body .ot-share-btn.is-wa i {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.gx-jewel:disabled,
body.rx-body .rx-sal-collect:disabled,
body.rx-body button[type="submit"]:disabled {
    filter: grayscale(0.35) brightness(0.72);
    opacity: 0.7;
    cursor: not-allowed;
}

.gx-cta {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.7rem;
}
.gx-cta .gx-home-btn,
.gx-cta .gx-jewel { width: 100%; }

.gx-jewel--wide,
.rx-auth-submit,
.gx-bubble-btn.rx-auth-submit {
    width: 100% !important;
    min-height: 52px !important;
    padding: 0 2.4rem !important;
}

.gx-jewel__gem {
    position: absolute !important;
    display: block !important;
    top: 50%;
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    transform: translateY(-50%);
    z-index: 4 !important;
    pointer-events: none;
    background:
        radial-gradient(circle at 35% 32%, #fff 0 2.2px, #ffe9a8 3.4px, #f0d56a 7px, #7a5410 11px) !important;
    box-shadow:
        0 0 0 1.5px #5c3d0c,
        0 0 8px rgba(255, 210, 70, 0.95),
        inset 0 1px 0 rgba(255,255,255,.85) !important;
    border: 0 !important;
}
.gx-jewel__gem--l { left: 9px; }
.gx-jewel__gem--r { right: 9px; }

.gx-jewel__label i {
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
    margin-right: 0.4rem;
    font-size: 0.85em;
}