.btn {
  @extend %btn;
  &.__base {
    @include btn-theme(#fff, $base-color);
    &-inverse {
      @include btn-theme($base-color, #fff, true);
    }
  }
  &.__primary {
    @include btn-theme(#fff, $primary-color);
    &-inverse {
      @include btn-theme($primary-color, #fff, true);
    }
  }
  &.__secondary {
    @include btn-theme(#fff, $secondary-color);
    &-inverse {
      @include btn-theme($secondary-color, #fff, true);
    }
  }
  &.__light {
    opacity: 0.6;
  }
  &.__s {
    font-size: $btn-font-size-s;
    height: $btn-height-s;
    line-height: $btn-height-s - ($btn-border-width*2);
    padding: $btn-padding-s;
  }
  &.__l {
    font-size: $btn-font-size-l;
    height: $btn-height-l;
    line-height: $btn-height-l - ($btn-border-width*2);
    padding: $btn-padding-l;
  }
}

.remove_btn {
  @include close-btn($red-color, 2px, 28px, transparentize($red-color, 0.9));
}