.code-block-wrapper{position:relative}.code-block-header{background:var(--color-night);border-bottom:1px solid var(--color-orange);border-radius:4px 4px 0 0;padding:.75rem 1rem;font-family:var(--font-mono);font-size:.8rem;color:var(--color-orange)}.code-block-header+pre{border-radius:0 0 .375rem .375rem!important;margin-top:0!important}.copy-btn{position:absolute;top:1rem;right:1rem;padding:.35rem;font-size:1.25rem;line-height:1;background:transparent;color:var(--color-orange);border:none;cursor:pointer;opacity:0;transition:opacity .2s,transform .3s;display:flex;align-items:center;justify-content:center}.code-block-wrapper:hover .copy-btn{opacity:1}.copy-btn iconify-icon{position:absolute;transition:opacity .3s ease}.copy-btn .icon-outline{opacity:1}.copy-btn .icon-hover,.copy-btn .icon-solid,.copy-btn:hover .icon-outline{opacity:0}.copy-btn:hover .icon-hover{opacity:1}.copy-btn.copied .icon-outline,.copy-btn.copied .icon-hover{opacity:0}.copy-btn.copied .icon-solid{opacity:1}