$x-btn-default-bg:            $white                         !default;
$x-btn-default-bg-hover:      theme-color("primary-transparent") !default;
$x-btn-default-color:         theme-color("primary")         !default;
$x-btn-default-color-dark:    theme-color("default")         !default;
$x-btn-default-border-color:  $border-color                  !default;


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

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