.copy-button{display:inline-flex}.copy-button__button{min-height:var(--tap-target);color:var(--color-fg);font:600 1rem var(--font-display);cursor:pointer;background:0 0;border:0;align-items:center;gap:.4em;padding:.2em .3em;transition:background-color .12s,color .12s;display:inline-flex}.copy-button__button:hover,.copy-button__button:focus-visible{background:var(--color-fg);color:var(--color-bg)}.copy-button__button:hover:not(:focus-visible){outline:none}.copy-button__label{font-weight:400}.copy-button__icon{width:.9em;height:.9em}.copy-button__icon--done,.copy-button__button[data-state=done] .copy-button__icon--copy{display:none}.copy-button__button[data-state=done] .copy-button__icon--done{display:block}.copy-button__button[data-state=done]{background:var(--color-fg);color:var(--color-bg)}.copy-button__button[hidden]{display:none}