.article-share{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;position:relative;color:var(--muted)}
.article-share-top{align-self:stretch;margin:-8px 0 22px}
.article-share-bottom{border-top:1px solid var(--border);padding-top:24px;margin:40px 0 20px}
.article-share-label{font:10px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.1em;margin-right:9px}
.article-share a,.article-share button{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:1px solid var(--border);border-radius:50%;color:var(--text);background:var(--bg);transition:background .18s,color .18s,border-color .18s,transform .18s}
.article-share svg{display:block;fill:currentColor}
.article-share a:hover,.article-share button:hover{background:var(--text);color:var(--bg);border-color:var(--text);transform:translateY(-2px)}
.article-share a:focus-visible,.article-share button:focus-visible{outline:2px solid var(--violet);outline-offset:4px}
.article-share-feedback{font:12px/1.5 var(--body);position:absolute;right:0;top:100%;padding-top:4px;color:var(--muted)}
@media(max-width:760px){.article-share-top{margin:0 0 20px}.article-share a,.article-share button{flex-basis:44px;width:44px;height:44px}.article-share-bottom{margin-top:30px}}
@media(prefers-reduced-motion:reduce){.article-share a,.article-share button{transition:none}}