.btn.copy-btn{place-items:center;display:inline-grid}.copy-btn>.copy-idle,.copy-btn>.copy-done,.copy-btn>.copy-failed{white-space:nowrap;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);grid-area:1/1;align-items:center;gap:6px;display:inline-flex}.copy-btn>.copy-done{opacity:0;transform:translateY(4px)}.copy-btn.is-done>.copy-idle,.copy-btn.is-failed>.copy-idle,.copy-btn.is-failed>.copy-done{opacity:0;transform:translateY(-4px)}.copy-btn.is-done>.copy-done{opacity:1;transform:none}.copy-btn>.copy-failed{animation:arrive var(--dur) var(--ease) backwards}.btn.copy-btn.is-done,.btn.copy-btn.is-done:hover{border-color:var(--good);background:var(--good-soft);color:var(--good);box-shadow:none}.btn.copy-btn.is-failed,.btn.copy-btn.is-failed:hover{border-color:var(--bad);background:var(--bad-soft);color:var(--bad);box-shadow:none}