.submit-btn-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-top: 6px;
}



.submit-btn-loader span {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 4px solid;
  border-color: rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  transform-origin: center;
}


.submit-btn-loader-dark span {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 4px solid;
  border-color: rgba(000, 000, 000, 0.15) rgba(000, 000, 000, 0.25) rgba(000, 000, 000, 0.35) rgba(000, 000, 000, 0.5);
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  transform-origin: center;
}

.usertype-loader-dark span {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid;
  border-color: rgba(000, 000, 000, 0.15) rgba(000, 000, 000, 0.25) rgba(000, 000, 000, 0.35) rgba(000, 000, 000, 0.5);
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  transform-origin: center;
}



@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}