//
// Buttons
// --------------------------------------------------

.btn {
  @include box-shadow(0 2px 3px rgba($color-pf-black, (10/100)));
  &:active {
    @include box-shadow(inset 0 2px 8px rgba($color-pf-black, (20/100)));
  }
  &.disabled,
  &[disabled],
  fieldset[disabled] & {
    background-color: $color-pf-black-100 !important;
    background-image: none !important;
    border-color: $color-pf-black-300 !important;
    color: $color-pf-black-500 !important;
    opacity: 1;
    &:active {
      @include box-shadow(none);
    }
    &.btn-link {
      background-color: transparent !important;
      border: 0;
    }
  }
}

.btn-danger {
  @include button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-bg-img-start, $btn-danger-bg-img-stop, $btn-danger-border);
}

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

.btn-link {
  &,
  &:active {
    @include box-shadow(none);
  }
}

.btn-primary {
  @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-bg-img-start, $btn-primary-bg-img-stop, $btn-primary-border);
}

.btn-xs,
.btn-group-xs .btn {
  font-weight: $btn-xs-font-weight;
}
