.copy-code-wrapper{position:relative}
.copy-code-button{position:absolute;top:8px;right:8px;z-index:50;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(128,128,128,.4);border-radius:7px;background:rgba(128,128,128,.35);color:#fff;cursor:pointer;opacity:0;transition:opacity .18s,background .18s,color .18s,transform .1s,border-color .18s;padding:0;line-height:0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);text-shadow:0 1px 2px rgba(0,0,0,.5)}
.copy-code-wrapper:hover .copy-code-button{opacity:.85}
.copy-code-button:hover{opacity:1!important;background:rgba(128,128,128,.55);border-color:rgba(128,128,128,.7)}
@media(hover:none){.copy-code-button{opacity:.7}}
.copy-code-button:active{transform:scale(.9)}
.copy-code-button:focus-visible{outline:2px solid var(--rust,#b8402e);outline-offset:1px;opacity:1}
.copy-code-button svg{width:15px;height:15px;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}
.copy-code-button .cb-ok{display:none}
.copy-code-button.copied{opacity:1!important;background:rgba(63,111,78,.55);border-color:rgba(63,111,78,.7);color:#fff}
.copy-code-button.copied .cb-go{display:none}
.copy-code-button.copied .cb-ok{display:block}