.button {
  display: flex;
  padding: 0 40px;
  height: 36PX;
  border: 1px solid $color_main;
  background-color: #fff;
  text-align: center;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  &--normal {
    height: 36PX;
    font-size: $font_size_medium;
  }
  &--small {
    height: 30PX;
    font-size: $font_size_min;
  }
  &--disabled {
    opacity: $opacity-disabled;
  }
  &--primary {
    border: 1px solid $color_main;
    color: $color_main;
  }
  &--danger {
    border: 1px solid $color_danger;
    color: $color_danger;
  }
  &--warning {
    border: 1px solid $color_warning;
    color: $color_warning;
  }
  &--circle {
    border-radius: 50px;
  }
}