.copy-button{font-size:var(--text-16);position:absolute;top:var(--spacer);right:var(--spacer);padding:var(--spacer-xs);border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;color:var(--text-muted);opacity:0;display:grid;>*{grid-column-start:1;grid-row-start:1;justify-self:center;align-self:center}&:hover{border-color:var(--primary);color:var(--primary)}.copy-icon,.copy-icon-success{transition:all var(--transition)}.copy-icon{opacity:1;transform:scale(1)}.copy-icon-success{color:var(--primary);opacity:0;transform:scale(.3)}&.copied{.copy-icon{opacity:0;transform:scale(.3)}.copy-icon-success{opacity:1;transform:scale(1)}}}.codeblock-wrapper:hover .copy-button{opacity:1}.codeblock-wrapper:has(.copied){.copy-button{opacity:1}}