$x-btn-outline-info-bg:             var(--x-btn-outline-info-bg, inherit) !default;
$x-btn-outline-info-border:         var(--x-btn-outline-info-border, $border-color) !default;
$x-btn-outline-info-color:          var(--x-btn-outline-info-color, theme-color("info")) !default;
$x-btn-outline-info-bg-active:      theme-color("primary-transparent");
$x-btn-outline-info-color-active:   theme-color("primary");


.x-btn-outline-info {
	@include x-btn-info ($x-btn-outline-info-bg,$x-btn-outline-info-border,$x-btn-outline-info-color,$x-btn-outline-info-bg-active,$x-btn-outline-info-color-active);
}