.subscribe{width:450px;background:#fff;padding:30px;border-radius:5px;box-shadow:0px 3px 30px rgba(0,0,0,10%);margin:100px auto}.subscribe header{text-align:center;font-size:28px;font-weight:500;margin-top:10px;color:#fac724}.subscribe .url-input{margin:30px 0}.subscribe .url-input .title{font-size:18px;color:#373737}.subscribe .preview-area i{font-family:"Font Awesome 5 Brands";font-size:33px;color:red}.subscribe .url-input .field{margin-top:5px;height:50px;width:100%;position:relative}.subscribe .url-input .field input{height:100%;width:100%;border:none;outline:none;padding:0 15px;font-size:15px;background:#f1f1f7;border-bottom:2px solid #ccc;font-family:"Noto Sans",sans-serif}.subscribe .url-input .field input::placeholder{color:#b3b3b3}.subscribe .url-input .field .bottom-line{position:absolute;left:0;bottom:0;height:2px;width:100%;background:#fac724;transform:scale(0);transition:transform .3s ease}.subscribe .url-input .field input:focus~.bottom-line,.subscribe .url-input .field input:valid~.bottom-line{transform:scale(1)}.subscribe form .preview-area{border-radius:5px;height:220px;display:flex;overflow:hidden;align-items:center;justify-content:center;flex-direction:column;border:2px dashed #8e46ec}.subscribe .preview-area.active{border:none}.subscribe .preview-area .icon{color:#8e46ec;font-size:80px}.subscribe .preview-area span{color:#8e46ec;margin-top:25px}.subscribe .copy-btn{color:#000;width:100%;outline:none;border:none;font-size:17px;font-weight:500;cursor:pointer;margin:30px 0 20px;border-radius:5px;background:#fac724;transition:background .3s ease;padding:7px 10px;display:none;text-align:center}.subscribe .subscribe-btn{color:#000;width:100%;outline:none;border:none;font-size:17px;font-weight:500;cursor:pointer;margin:30px 0 20px;border-radius:5px;background:#fac724;transition:background .3s ease;padding:7px 10px;display:inline-block;text-align:center}.subscribe .copy-btn:hover,.subscribe .subscribe-btn:hover{background:#0047ff;color:#fff}.preview-area{text-align:center}.subscribe textarea{width:100%}@media screen and (max-width:460px){.subscribe header{font-size:24px}.subscribe .url-input .field,.subscribe .subscribe-btn{height:45px}.subscribe .subscribe-btn{font-size:15px}.subscribe .preview-area{height:130px}.subscribe .preview-area .icon{font-size:50px}.subscribe .preview-area span{margin-top:10px;font-size:12px}}