:root {
    --btn-col: #5b0119;
    --gray: #bbbbbb;
}



.submit-btn {
  outline: none;
  height: 40px;
  text-align: center;
  width: 130px;
  border-radius: 40px;
  background: #fff;
  border: 2px solid var(--btn-col);
  color: var(--btn-col);
  letter-spacing: 1px;
  text-shadow: 0;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.25s ease;
}
.submit-btn:hover {
  color: white;
  background: var(--btn-col);
}
.submit-btn:active {
  letter-spacing: 2px;
}
.submit-btn:after {
  /*content: "SUBMIT";*/
  content:"";
}

.submit-btn-onclic {
  width: 40px;
  border-color: #bbbbbb;
  border-width: 3px;
  font-size: 0;
  border-left-color: var(--btn-col);
  -webkit-animation: submit-btn-rotating 2s 0.25s linear infinite;
          animation: submit-btn-rotating 2s 0.25s linear infinite;
}
.submit-btn-onclic:after {
  content: "";
}
.submit-btn-onclic:hover {
  color: var(--btn-col);
  background: white;
}

.submit-btn-validate {
  /*color: white;
  background: var(--btn-col);*/

  color: green;
  border-color: green;
  background-color: white;
}
.submit-btn-validate:after {
	font-family:var(--fa-style-family,"Font Awesome 6 Free");
	content:"\f00c";
  padding-left:5px;
}

@-webkit-keyframes submit-btn-rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes submit-btn-rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


/*.submit-btn {
  outline:none;
  height: 40px;
  text-align: center;
  width: 130px;
  border-radius:40px;
  background: #fff;
  border: 2px solid var(--btn-col);
  color:var(--btn-col);
  letter-spacing:1px;
  text-shadow:0;
  cursor: pointer;
  transition: all 0.25s ease;
}

.submit-btn:hover{ color:rgb(255, 208, 127); background: var(--btn-col);}
.submit-btn:active{letter-spacing: 2px ;}
.submit-btn:after{}

.submit-btn-onclic {
  width: 40px;
  border-color:var(--gray);
  border-width:3px;
  font-size:0;
  border-left-color:var(--btn-col);
  animation: submit-btn-rotating 2s 0.25s linear infinite;
}
.submit-btn-onclic:after{content:"";}
.submit-btn-onclic:hover{color:var(--btn-col); background: white;}

.submit-btn-validate {
  color: white;
  background: var(--btn-col);
}
.submit-btn-validate:after {
     font-family:var(--fa-style-family,"Font Awesome 6 Free");
    content:"\f00c";
}

@keyframes submit-btn-rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}*/