.login {
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;

  .wp-hide-pw {
    color: #242424 !important;
  }

  #login {
    width: 450px;
    margin: unset;
  }

  h1 {
    display: none;
  }

  form {
    border-radius: 5px;
    padding: 40px;
  }

  .wpdef-2fa-label {
    font-family: 'Catamaran', sans-serif !important;
    color: #166E73;
    font-size: 2.25em !important;
    font-weight: 300 !important;
  }

  .wpdef-2fa-text {
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
  }

  .button-primary {
    padding: 10px 20px;
  }

  .button {
    background-color: #166E73;
    color: #fff;
    transition: all 300ms ease-in-out;

    &:hover {
      background-color: #fff;
      color: #C70F1A;
      border-color: #C70F1A;
    }
  }

  input[name="otp"] {
    background-color: #f0f3f6 !important;
    border: 2px solid #e2e7ed !important;
    color: #728188 !important;
    margin: 0;
    font-size: 18px;
    padding: 10px 20px !important;
    transition: all .25s ease-in-out !important;
    width: 100% !important;
  }

  input[name="button_resend_code"] {
    text-decoration: underline;
    color: #333 !important;

    &:hover {
      text-decoration: none;
    }
  }
}