.btn:not(:disabled), .btn {
  box-shadow: none;

  @each $color, $value in get("color.list") {
    &.btn-#{"" + $color} {
      @extend %fill, %fill-#{"" + $color}, %customize-fill-#{"" + $color};
    }
    &.btn-outline-#{"" + $color} {
      @extend %outline, %outline-#{"" + $color}, %customize-outline-#{"" + $color};
    }
  }

  &:not(:disabled):active:focus {
    @include nb-outline();
  }
}

.btn-sm {
  @extend %padding-button-small, %size-small;
}

.btn-lg {
  @extend %padding-button-large, %size-large;
}
