.share-bar{max-width:1500px;margin:40px auto;padding:clamp(22px,4vw,42px);display:grid;grid-template-columns:minmax(250px,.7fr) 1.3fr;gap:24px;align-items:center;background:linear-gradient(120deg,#0b1b2e,#102d42);border:1px solid #31506b;border-radius:24px;box-sizing:border-box}.share-bar small{color:#57d9ff;font-weight:900;letter-spacing:.13em}.share-bar h2{margin:.2em 0;font-size:clamp(1.8rem,3vw,3rem)}.share-bar p{margin:.3em 0;color:#b7c7d6}.share-bar nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.share-bar nav a,.share-bar nav button{appearance:none;border:1px solid #5a7892;background:#0a1727;color:#f3f8fd;border-radius:999px;padding:12px 18px;font:800 1rem/1 inherit;text-decoration:none;cursor:pointer}.share-bar nav a:hover,.share-bar nav button:hover,.share-bar nav a:focus-visible,.share-bar nav button:focus-visible{background:var(--lime);border-color:var(--lime);color:#06101d}.share-bar .share-status{grid-column:1/-1;text-align:right;min-height:1.4em;color:var(--lime);font-weight:800}
@media(max-width:760px){.share-bar{grid-template-columns:1fr;margin:24px 14px}.share-bar nav{justify-content:flex-start}.share-bar .share-status{text-align:left}}