.share-btn{display:inline-grid;place-items:center;width:clamp(28px,.72em,44px);height:clamp(28px,.72em,44px);
  align-self:center;padding:0;border:0;border-radius:var(--r);background:none;color:var(--s5);
  cursor:pointer;transition:color .25s cubic-bezier(.22,1,.36,1),background .25s cubic-bezier(.22,1,.36,1)}
.share-btn:hover,.share-btn:focus-visible{color:var(--ink);background:var(--s3)}
.share-btn svg{width:58%;height:58%}
.share-btn .share-done,.share-btn.done .share-link{display:none}
.share-btn.done .share-done{display:block}
.share-toast{position:fixed;left:50%;bottom:var(--frame);z-index:45;margin:0;height:40px;padding:0 18px;
  display:flex;align-items:center;border-radius:var(--r);background:var(--ink);color:var(--bg);
  font:500 var(--fs-ui) Onest,system-ui,sans-serif;white-space:nowrap;pointer-events:none;
  opacity:0;transform:translate(-50%,8px);transition:opacity .25s cubic-bezier(.22,1,.36,1),transform .25s cubic-bezier(.22,1,.36,1)}
.share-toast.on{opacity:1;transform:translate(-50%,0)}