.code-block-wrapper{position:relative;margin:1rem 0}.copy-code-button{position:absolute;top:8px;right:8px;padding:4px 10px;font-size:1.2rem;font-weight:500;font-family:space grotesk,system-ui,sans-serif;color:rgba(38,37,30,.6);background-color:rgba(242,241,237,.95);border:1px solid rgba(38,37,30,.1);border-radius:4px;cursor:pointer;transition:all .15s ease;z-index:10;user-select:none;box-shadow:rgba(0,0,0,6%)0 2px 8px}.copy-code-button:hover{background-color:#ebeae5;border-color:rgba(38,37,30,.2);color:#cf2d56}.copy-code-button:active{transform:translateY(1px)}.copy-code-button.copied{background-color:#1f8a65;color:#fff;border-color:#1f8a65}