:root{--pg-cb:#d97757}
/* ===== SNS-CB: przyciski konsolowe (WZORZEC_przyciski_konsolowe v3, 2026-11-08) =====
   Kolor: --cbc (dowolny kolor CSS). Domyslnie kolor strony --pg-cb. Gestosc: --o/--o2 (klasy mid, dense). Tylko ciemny motyw. */
.sns-cb.sns-cb.sns-cb{--o:34%;--o2:10%;--cbc:var(--pg-cb,#00e5ff);display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:13px 22px;border:0;border-radius:0;box-shadow:none;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);background:linear-gradient(180deg,color-mix(in srgb,var(--cbc) var(--o),transparent),color-mix(in srgb,var(--cbc) var(--o2),transparent));border-bottom:2px solid var(--cbc);font:700 12px/1.2 'Space Mono',monospace;letter-spacing:.12em;text-decoration:none;color:#fff;text-shadow:none;white-space:nowrap;cursor:pointer;filter:none;transition:background .2s,transform .2s,filter .2s}
.sns-cb.sns-cb.sns-cb::before,.sns-cb.sns-cb.sns-cb::after{content:none!important}
.sns-cb.sns-cb.sns-cb:hover{background:color-mix(in srgb,var(--cbc) 52%,transparent);transform:translateY(-3px);filter:none;box-shadow:none;color:#fff}
.sns-cb.sns-cb.sns-cb.mid{--o:56%;--o2:30%}
.sns-cb.sns-cb.sns-cb.dense{--o:82%;--o2:58%;text-shadow:0 1px 3px rgba(0,0,0,.55)}
.sns-cb.sns-cb.sns-cb.sm{min-height:40px;padding:10px 18px;font-size:11px}
.sns-cb.sns-cb.sns-cb.fill{background:linear-gradient(90deg,var(--cbc),var(--cbc2,var(--cbc)));border-bottom-color:#fff;color:var(--cbink,#0d0a2e);text-shadow:none}
.sns-cb.sns-cb.sns-cb.fill:hover{background:linear-gradient(90deg,var(--cbc),var(--cbc2,var(--cbc)));filter:brightness(1.1);color:var(--cbink,#0d0a2e)}
.sns-cb.sns-cb.sns-cb.blk{display:flex;width:100%}
.sns-cb.sns-cb.sns-cb .ar{color:var(--cbc);filter:brightness(1.5)}
@media(max-width:700px){.sns-cb.sns-cb.sns-cb{white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){.sns-cb.sns-cb.sns-cb,.sns-cb.sns-cb.sns-cb:hover{transition:none;transform:none}}