@charset "UTF-8";

@mixin button-varint($color,$background-color,$border){
	color:$color ;
	background-color: $background-color ;
	@if $border{
		border:$border ;
	}
	&:hover{
		background-color:darken($background-color,5%) ;
	}
}

@mixin button-hover($dom,$background-color,$font-color){
	#{$dom}:hover{
		background-color:darken($background-color,5%) ;
		color:$font-color ;
	}
}

@mixin button-size($padding-vertical, $padding-horizontal, $font-size, $line-height, $border-radius) {
  	padding: $padding-vertical $padding-horizontal;
  	font-size: $font-size;
  	line-height: $line-height;
  	border-radius: $border-radius;
}