.code-block{display:inline-block;margin-bottom:1rem;position:relative;width:100%}.code-block pre{background-color:#2d2d2d;border-radius:.5rem;box-shadow:0 .5rem .5rem #0000001a;color:#f8f8f2;font-family:Courier New,Courier,monospace;margin:0;overflow:auto;padding:1rem 2.5rem;white-space:pre-wrap;word-wrap:break-word;width:100%}@media screen and (max-width:760px){.code-block pre{padding:1rem}}.code-block pre code{background-color:unset;display:inline;white-space:pre-wrap}.code-block pre .code-block:hover{background-color:#3a3a3a}.code-block button{background-color:#4caf50;border:none;border-radius:.25rem;box-shadow:0 .5rem .5rem #0000001a;color:#fff;cursor:pointer;font-size:.7rem;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem}[dir=rtl] .code-block button{left:.5rem;right:auto}.code-block button:hover{background-color:#45a049}