.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;background-color:rgb(0 0 0 / .875)}.modal-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:-webkit-gradient(linear,left top,right top,from(#011d34),to(#390241));background:linear-gradient(to right,#011d34,#390241);padding:20px;width:80%;max-width:400px;height:auto;max-height:90vh;border-style:solid;border-width:1px;border-radius:15px;border-color:var(--primary-color);text-align:center;color:#000}#modalMessage{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:"DM Sans";font-size:18px;font-weight:200;margin-top:20px;color:#fff}.close{position:absolute;top:10px;right:15px;font-size:30px;cursor:pointer}.modal-button{padding:1em 2em;background-color:#1f082c;border:none;color:lightgray;border-radius:1000px;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;margin-top:30px}.modal-button::after{content:"";position:absolute;height:107%;width:102%;background:red;border-radius:1000px;background-image:-webkit-gradient(linear,left top,right bottom,from(#008cff),to(#e100ff));background-image:linear-gradient(to bottom right,#008cff,#e100ff);z-index:-1}.modal-button:hover{cursor:pointer;background-color:#390241;-webkit-transition:0.3s;transition:0.3s}.modal-button:active{background-color:#24012a;-webkit-transition:none;transition:none}