.code-wrap{position:relative}.code-wrap>pre{padding-right:96px!important}.code-copy{color:#e8eaed;min-width:76px;min-height:44px;font:700 13px/1 var(--sans);cursor:pointer;background:#ffffff1f;border:0;border-radius:999px;padding:0 16px;position:absolute;top:6px;right:6px}.code-copy:hover{background:#fff3}@container (width<=560px){.code-wrap{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.code-wrap>pre{align-self:stretch;padding-right:22px!important}.code-copy{color:#fff;background:#1a1c1f;position:static}.code-copy:hover{background:#3d434d}}