$x-btn-default-bg:            $white                         !default;
$x-btn-default-bg-hover:      $white                         !default;
$x-btn-default-color:         var(--custom-theme-primary, theme-color("primary")) !default;
$x-btn-default-color-hover:   var(--custom-theme-primary-hover, theme-color("primary-darker")) !default;
$x-btn-default-color-dark:    theme-color("info")            !default;
$x-btn-default-border-color:  $border-color                  !default;


//
// Button Utility
//
%x-btn-default,
.x-btn-default {
	@include x-button-outline-variant($x-btn-default-color-dark, $x-btn-default-color, $x-btn-default-bg, $x-btn-default-bg-hover, $x-btn-default-border-color);
}

%x-btn-link-info,
.x-btn-link-info {
  @include x-button-link-variant(theme-color("info"), theme-color("default"));

  &.left {
    @extend %pl-0;
  }

  &.right {
    @extend %pr-0;
  }
}

%x-btn-link-primary,
.x-btn-link-primary {
	@include x-button-link-variant($x-btn-default-color, $x-btn-default-color-hover);
}