/* CryptosBank share buttons on articles. */
.cbe-share{--sh-fg:inherit;--sh-line:rgba(127,127,127,.3);display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:18px 0;font:600 14px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;position:relative}
.cbe-share--bottom{padding-top:16px;border-top:1px solid var(--sh-line);margin-top:28px}
.cbe-share__label{font-size:13px;letter-spacing:.02em;opacity:.8}
.cbe-share__list{display:flex;flex-wrap:wrap;gap:8px}
.cbe-share__btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid transparent;font:inherit;cursor:pointer;text-decoration:none!important;line-height:1;transition:transform .12s ease,filter .12s ease,background-color .12s ease}
.cbe-share__btn:hover{transform:translateY(-1px);filter:brightness(1.07)}
.cbe-share__btn:focus-visible{outline:3px solid #2563eb;outline-offset:2px}
.cbe-share__icon{width:20px;height:20px;object-fit:contain;flex:none}

/* Coloured: each network's colour, text colour chosen for contrast (all pass 4.5:1). */
.cbe-share--style-color .cbe-share__btn{color:#fff!important}
.cbe-share--style-color .cbe-share--whatsapp{background:#1d7a46}
.cbe-share--style-color .cbe-share--facebook{background:#1665d8}
.cbe-share--style-color .cbe-share--x{background:#111;border-color:rgba(255,255,255,.35)}
.cbe-share--style-color .cbe-share--linkedin{background:#0a66c2}
.cbe-share--style-color .cbe-share--instagram{background:linear-gradient(45deg,#c13584,#833ab4 55%,#5851db)}
.cbe-share--style-color .cbe-share--copy{background:#4b5563}

/* Outlined: works on dark and light themes. */
.cbe-share--style-outline .cbe-share__btn{background:transparent;color:inherit!important;border-color:var(--sh-line)}
.cbe-share--style-outline .cbe-share__btn:hover{background:rgba(127,127,127,.12)}

/* Compact: round, icon or initial only (the name stays for screen readers). */
.cbe-share--style-compact .cbe-share__btn{width:40px;padding:0;justify-content:center;color:#fff!important}
.cbe-share--style-compact .cbe-share__name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cbe-share--style-compact .cbe-share__btn:not(:has(.cbe-share__icon))::before{content:attr(data-initial);font-weight:800;font-size:15px}
.cbe-share--style-compact .cbe-share--whatsapp{background:#1d7a46}
.cbe-share--style-compact .cbe-share--facebook{background:#1665d8}
.cbe-share--style-compact .cbe-share--x{background:#111;border-color:rgba(255,255,255,.35)}
.cbe-share--style-compact .cbe-share--linkedin{background:#0a66c2}
.cbe-share--style-compact .cbe-share--instagram{background:linear-gradient(45deg,#c13584,#833ab4 55%,#5851db)}
.cbe-share--style-compact .cbe-share--copy{background:#4b5563}

.cbe-share__toast{position:absolute;left:0;top:calc(100% + 6px);z-index:5;background:#111827;color:#fff;font-size:13px;font-weight:500;padding:8px 12px;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity .2s;max-width:min(420px,90vw)}
.cbe-share__toast.is-on{opacity:1}
@media (max-width:600px){.cbe-share__btn{min-height:44px}}
@media (prefers-reduced-motion:reduce){.cbe-share__btn{transition:none}.cbe-share__btn:hover{transform:none}}
@media print{.cbe-share{display:none!important}}