@mixin button-square-variant($border) {
    @include border-radius($border);
}
@mixin button-round-variant($border) {
    @include border-radius($border);
}

// Button sizes
@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
  padding: $padding-y $padding-x;
  font-size: $font-size;
  // line-height: $line-height-base;
  @include border-radius($border-radius);
}


// Button
@mixin button($padding-y, $padding-x, $font-size, $font-color, $border-radius) {
	border-radius: $border-radius;
	font-size: $font-size;
	color: $font-color;
	padding: $padding-y $padding-x;
	font-weight: bold;
	letter-spacing: 0.3px;
	outline: none !important;
}

// Gradient button mixin
@mixin gradient-button($color1,$color2,$glow-color){
	transition: 0.5s;
	background-image: linear-gradient(to right, $color1 0%, $color2 51%,$color1 100%);
	background-position: left center;
	background-size: 200% auto;
	border: 0;
	@include button-glow($glow-color);
	&:hover{
		background-position: right center;
		text-decoration:none;
	}
}

@mixin button-glow($color) {
	box-shadow: 0px 0px 16px 0 rgba($color, 0.5);
}
