// .auth-page {
.singin-form-container {
  .signin-button {
    display: inline-block;
    padding: 8px 12px;
    cursor: pointer;
  }
}
.singup-form-container {
  .signup-button {
    display: inline-block;
    padding: 8px 12px;
    cursor: pointer;
  }
}

.auth-form-container {
  max-width: 400px;
  margin: 30px auto 0 auto;
  label {
    margin-bottom: 0;
  }
  .header {
    margin-bottom: 50px;
    .title {
      font-size: 25px;
      position: relative;
      padding-bottom: 20px;
      &:after {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        width: 50px;
        height: 3px;
        background-color: $dark-color;
      }
    }
  }
  .auth-control {
    margin: 20px 0;
    input:not([type='radio']) {
      width: 100%;
      padding: 8px 12px;
      background-color: $gray-color2;
      border: 1px solid $gray-color2;
      &:focus {
        background-color: #fff;
      }
    }
    &.radio-group-control {
      label.one-radio {
        margin-right: 10px;
        cursor: pointer;
      }
    }
  }
}

// }