.path-user {
  --color-deep-teal: #004751;
  --color-white: #FFFFFF;
  --color-medium-spring-green: #92B74E;

  .user-form-page__page-title {
    color: var(--color-deep-teal);
  }

  .user-pass,
  .user-register-form,
  .user-login-form {

    .button--secondary,
    .button--primary {
      &.register-button,
      &.form-submit {
        transition: background-color, .3s;
        padding: 0 1.5rem;
        min-height: 3.5rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 30px;
        text-decoration: none;
        border: none !important;
       

        box-shadow: none;
        background-color: var(--color-medium-spring-green) !important;
        color: var(--color-white) !important;

        &:hover {
          box-shadow: none;
          background: var(--color-deep-teal) !important;
          color: var(--color-white) !important;
        }
      }
    }
    
    .js-form-item {
      input:not(.button--primary) {
        border: 2px solid var(--color-deep-teal);
        
        &:focus {
          border: 2px solid var(--color-medium-spring-green);
          box-shadow: none;
        }
      }
    }
    
    .forgot-password-link {
      color: var(--color-main);
    }
  }
  
  .form-item__error-message {
    a {
      color: inherit;
    }
  }
}