.copyblock{position:relative;background-color:#fff0f0;border:1px solid #555;padding:20px 0 10px 0;width:100%;max-width:95%;margin:16px auto;overflow:hidden}.copyblock.sm{width:fit-content;padding:0;margin:16px auto}.copyblock.sm pre{color:#00f}span.css,span.html,span.js,span.php{position:absolute;top:1px;left:3px;font-size:.625rem;color:#000}span.css::after{content:"CSS"}span.html::after{content:"HTML"}span.php::after{content:"PHP"}span.js::after{content:"JS"}.copyblock pre{max-height:300px;overflow:auto;min-height:23px;margin:0;padding:2px 30px 0 5px;color:#000;font-family:Consolas,'Courier New',monospace;font-size:.875rem;background-color:#fff0f0;border:none}.btn-copy{position:absolute;right:0;top:0;padding:5px;background-color:#000;color:#fff;outline:0;border:none;font-size:.75rem;cursor:pointer}.btn-copy:hover{background-color:silver}