:root {
  --btn-color: #863fff;
  --btn-color-hover: #660eff;
}
.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    182.09deg,
    #000000 1.76%,
    rgba(0, 0, 0, 0) 256.58%
  );
  opacity: 0.3;
}
.btn-style:hover {
  background-color: var(--btn-color-hover) !important;
}
.login-div {
  position: absolute !important;
  top: 0;
  pointer-events: all;
  transition: 0.9s 0.6s ease-in-out;
  transform: translateX(0);
  visibility: visible;
}
.signup-div {
  position: absolute !important;
  top: 0;
  transform: translateX(2000px);
  pointer-events: none;
  transition: 0.9s 0.6s ease-in-out;
  visibility: hidden;
}
.signup-div .left,
.login-div .right {
  transition: 0.9s 0.6s ease-in-out;
}
.switch-to-reg {
  position: absolute;
  transform: translateX(-2000px) !important;
  pointer-events: none !important;
 visibility: hidden !important;
}
.switch-to-login {
  position: absolute;
  transform: translateX(0) !important;
  pointer-events: all !important;
 visibility: visible !important;
}