.hidden{display:-webkit-box;display:-ms-flexbox;display:flex}.code{width:75%;height:500px;margin:0 auto;background-color:#fff;cursor:pointer;padding:30px}@media (max-width:999px){.code{width:100%}}textarea#content{background:#f5fafc;border:0}#POP{display:none;top:0;height:100vh;background:rgba(0,0,0,.8)}#POP,.hidden-container{position:absolute;width:100%}.hidden-container{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.btn-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:350px;margin:20px auto}.btn{cursor:pointer;color:#fff;background-color:#fff;padding:15px 60px;border-radius:10px;font-family:Lato,sans-serif;background:#d8342f;border-radius:50px;display:inline-block;font-size:14px;font-weight:500;border:0;-webkit-box-shadow:none;box-shadow:none}.btn,.btn:hover{-webkit-transition:all .5s;transition:all .5s}.btn:hover{background:#fff;color:#d8342f}.souce-code{padding:30px 0;margin:0}.souce-code a{cursor:pointer;color:#fff;background-color:#fff;padding:15px 40px;border-radius:10px;font-family:Lato,sans-serif;background:#d8342f;border-radius:50px;display:inline-block;font-size:14px;font-weight:500}.souce-code a,.souce-code a:hover{-webkit-transition:all .5s;transition:all .5s}.souce-code a:hover{background:rgba(216,52,47,.9)}