.auth-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  max-width: 725px;
  padding: 30px 20px 100px; // 100px bottom for fixed footer.
  margin: 0 auto;
  text-align: center;

  .inputs-container {
    width: 100%;
    max-width: 340px;
    margin: 28px auto 0;
    text-align: left;
  }

  .el-form-item {
    margin-bottom: 15px;

    &.is-required .el-form-item__label {
      &:before {
        display: none;
      }
    }
  }

  .el-form-item__error {
    position: relative;
  }

  .el-select {
    display: block;
  }

  .btn-group {
    display: flex;
    margin: 30px 0 60px;
  }

  .tf-button.is-disabled {
    cursor: not-allowed;
  }

  .links-container {
    display: inline-flex;
    padding: 15px;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    background: $tf-extra-light-gray-2;
  }

  p {
    &,
    .tf-button--text {
      font-size: 16px;
      line-height: 1.38;
    }
  }

  .el-alert {
    margin: 0 15px 10px;
    max-width: 290px;
  }
}