/* SUBMIT BUTTON START */ .submitButton{ position: relative; background-color: black; border-radius: 4em; font-size: 16px; color: white; padding: 0.8em 1.8em; cursor:pointer; user-select:none; text-align: center; text-decoration: none; cursor: pointer; transition-duration: 0.4s; /* margin-left: 65px; */ margin-left: 30px; margin-bottom: 40px; -webkit-transition-duration: 0.4s; /* Safari */ } .submitButton:hover { transition-duration: 0.1s; background-color: #3A3A3A; } .submitButton:after { content: ""; display: block; position: absolute; border-radius: 4em; left: 0; top:0; width: 100%; height: 100%; opacity: 0; transition: all 0.5s; box-shadow: 0 0 10px 40px white; } .submitButton:active:after { box-shadow: 0 0 0 0 white; position: absolute; border-radius: 4em; left: 0; top:0; opacity: 1; transition: 0s; } .submitButton:active { top: 1px; } .btnActive { color: #ffffff; background-color: #ff1117; font-size: 13px; border: 1px solid #000000; border-radius: 9px; padding: 10px 40px; letter-spacing: 1px; cursor: pointer; margin-left: 40px; } .btnCanceled { color: #ffffff; background-color: #7a7a7a; font-size: 13px; border: 1px solid #000000; border-radius: 9px; padding: 10px 40px; letter-spacing: 1px; cursor: pointer; margin-left: 40px; } /* SUBMIT BUTTON END */ .newEvtBtn { margin-left: 40px; color: #ffffff; background-color: #0cdc01; font-size: 16px; border-radius: 4em; padding: 0.8em 1.8em; cursor: pointer } .newEvtBtn:hover { color: #6e6e6e; background-color: #14fe07; } body { background-color: rgb(59, 58, 58); } .evtclass { margin-bottom: 50px; color: white; line-height: 23px; } .evtclass a { color: rgb(0, 250, 237); } .evtclass a:active { color: rgb(255, 0, 255); }