.share{display:inline-block;position:relative}.share-btn{gap:8px}.share-icon-btn{border:var(--bw) solid var(--ink);background:var(--surface);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.share-icon-btn:hover{background:var(--ink);color:var(--surface)}.share-icon-btn:focus-visible,.share-menu-close:focus-visible,.share-item:focus-visible{outline:3px solid var(--surprise);outline-offset:2px}.share-menu{z-index:30;background:var(--surface);border:var(--bw) solid var(--ink);border-radius:var(--r-4);min-width:230px;box-shadow:var(--sh-offset);padding:8px;position:absolute;bottom:calc(100% + 10px);left:0}.share-menu-head{font:700 12px/1 var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);justify-content:space-between;align-items:center;gap:10px;padding:6px 8px 10px;display:flex}.share-menu-close{border:var(--bw) solid var(--rule);background:var(--surface);width:26px;height:26px;color:var(--ink-2);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.share-menu-close:hover{background:var(--ink);color:var(--surface);border-color:var(--ink)}.share-item{border-radius:var(--r-2);cursor:pointer;text-align:left;width:100%;color:var(--ink);font:600 14px/1.2 var(--font-display);background:0 0;border:0;align-items:center;gap:12px;padding:10px;text-decoration:none;display:flex}.share-item:hover{background:var(--surface-2)}.share-item-ico{background:var(--surface-2);border:var(--bw) solid var(--ink);width:30px;height:30px;font:700 13px/1 var(--font-display);color:var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}