.form-container {
  width: 20%;
}

#login-form h3 {
  color: var(--primary-bg);
}

#pwd_toggle_btn {
  position: absolute;
  right: 10px;
  top: 50%;
  cursor: pointer;
  transform: translateY(-50%);
}

#login-btn {
  background-color: var(--primary-bg);
  color: var(--text-white);
  width: 100%;
}

#login-btn::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 0%;
  top: 0;
  left: 50%;
  color: var(--text-white);
  transform: translateX(-50%);
  background-color: #000;
  z-index: -1;
  transition: all 0.3s linear;
}

#login-btn:hover {
  box-shadow: var(--box-shadow);
  transform: translateY(-2px);
}
#login-btn:hover:after {
  width: 100%;
}

#form-response-wrapper {
  display: none;
}