@import url("https://fonts.googleapis.com/css2?family=League+Gothic&family=Raleway:ital,wght@0,100;0,200;0,300;1,100&display=swap");.box{background:hsla(0,0%,100%,.2);background-clip:padding-box;border:2px solid #fff;border-radius:20px/50px;margin:0 auto;padding:35px;text-align:center;width:40%}.button{border:2px solid #06d85f;border-radius:20px/50px;color:#fff;cursor:pointer;font-size:1em;padding:10px;text-decoration:none;transition:all .3s ease-out}.overlay{background:rgba(0,0,0,.7);bottom:0;left:0;position:fixed;right:0;top:0;transition:opacity .5s}.overlay,.overlay:target{opacity:1;visibility:visible}.popup{background:#fff;border-radius:5px;margin:140px auto;padding:75px;position:relative;text-align:left;width:46%}.popup h2{color:#333;font-family:Montserrat,sans-serif;font-weight:300;margin-top:0}.popup .close{color:#333;font-size:30px;font-weight:700;position:absolute;right:30px;text-decoration:none;top:20px;transition:all .2s}.popup .content{max-height:30%;overflow:auto}@media screen and (max-width:700px){.box{width:74%}.popup{width:90%}}