.btn {
  @include button-size($padding-base-vertical, $padding-base-horizontal * 2, $font-size-base, $line-height-base, 4px);

  border: 1px solid $color-gray-4000;
  font-weight: $semi-bold;
  white-space: nowrap;
}

.btn-sm {
  @include button-size(8px, $padding-base-horizontal, $font-size-base, $line-height-base, 4px);
}

.btn-xs {
  @include button-size($padding-xs-vertical, $padding-xs-horizontal, $font-size-small, $line-height-small, 2px);
}


.btn-primary,
.btn-success,
.btn-info,
.btn-danger,
.btn-warning,
.btn-link {
  border-color: transparent;
}

// Alternate buttons
// --------------------------------------------------

.btn-default {
  @include button-variant($btn-default-color, $btn-default-bg, $btn-default-border);
}

.btn-primary {
  @include button-variant($color-white, $color-feel-good-blue, $color-feel-good-blue);
}

// Success appears as green
.btn-success {
  @include button-variant($color-white, $btn-success-bg, $btn-success-border);
}

// Info appears as blue-green
.btn-info {
  @include button-variant($color-white, $btn-info-bg, $btn-info-border);
}

// Warning appears as orange
.btn-warning {
  @include button-variant($color-white, $btn-warning-bg, $btn-warning-border);
}

// Danger and error appear as red
.btn-danger {
  @include button-variant($color-white, $btn-danger-bg, $btn-danger-border);
}

.input-group-btn > .btn {
  font-weight: $semi-bold;
}