&-type {
	&-default {
		background-color: #fff;
		border: $border-normal;
		color: $c-font-normal;
		&.xm-btn-across {
			border-top: $border-light;
		}
	}
	&-primary {
		@include xm-btn($c-theme, #fff)
	}
	&-linear {
		@include xm-btn($c-linear, #fff);
		border: none;
	}
}

&-ghost {
	border-width: 1px !important;
	background-color: transparent !important;
}

&-disalbe {
	cursor: not-allowed;
	color: $c-font-lightest;
	background-color: rgba(#000, .075);
	border-color: rgba(#000, .08);
	@include disable-effect()
}