.btn {
  &.btn-clear {
    &:not(.btn-link) {
      @include button-clear-variant($btn-clear-color);

      // flat bg with text color variations
      @each $color, $value in $theme-colors {
        &.btn-#{$color} {
          @include button-clear-variant($value);
        }
      }

      @each $color, $value in $colors {
        &.btn-#{$color} {
          @include button-clear-variant($value);
        }
      }
    }
  }
}