.share{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex;position:relative}.share-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.share-b{cursor:pointer;width:38px;height:38px;color:var(--text-2);box-shadow:inset 0 0 0 1px var(--line-2);background:0 0;border:0;border-radius:6px;place-items:center;padding:0;text-decoration:none;transition:color .2s,background .2s,box-shadow .2s;display:grid}.share-b svg{display:block}@media (hover:hover){.share-b:hover{color:var(--bg);background:var(--text);box-shadow:inset 0 0 0 1px var(--text)}}.share-b:focus-visible{outline:2px solid var(--g3);outline-offset:2px}.share-b.is-done{color:var(--g3);box-shadow:inset 0 0 0 1px var(--g3);background:0 0}.share-note{color:var(--text-3);opacity:0;font-size:13.5px;transition:opacity .2s}.share-note.on{opacity:1}.share-top{margin-top:20px}.share-top .share-b{width:36px;height:36px}.share-end{border-top:1px solid var(--line-2);justify-content:space-between;margin-top:clamp(40px,6vh,64px);padding-top:22px}.share-k{font-family:var(--serif);font-weight:var(--hw,470);letter-spacing:-.012em;color:var(--text);margin:0;font-size:clamp(20px,1.7vw,24px);line-height:1.2}.share-end .share-note{position:absolute;top:calc(100% + 8px);right:0}@media (max-width:560px){.share-end{justify-content:flex-start}.share-end .share-note{position:static}}@media (prefers-reduced-motion:reduce){.share-b,.share-note{transition:none}}