//////////////////////////////////////////
// BASE BUTTON STYLES
//////////////////////////////////////////

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	background-color: $button-background-color; 
	border-radius: $button-border-radius;
	color: $button-color;
	display: inline-block;
	padding: $button-padding;
	font-family: $body-font;
	text-decoration: none;
	cursor: pointer;
	border: 0;
	font-weight: $button-font-weight;
	line-height: $line-height;

	@if $button-borders{
		border: 1px solid $button-border-color;
	}

	@if $button-text-shadow{
		text-shadow: $bts-value;
	}	

	@include transition(color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease);

	&:hover {
		color: $button-hover-color;
		background-color: $button-hover-background-color; 
		border-color: $button-hover-border-color;
	}

	&.reverse{
		padding: $reverse-button-padding;
		background-color: transparent;
		border: $reverse-button-border-width solid $reverse-button-border-color;
		font-weight: $reverse-button-font-weight;
		color: $reverse-button-color;

		&:hover{
			background-color: $reverse-button-border-color;
			color: $white;
		}
	}

	&.full-width {
		width: 100%;
		display: block;
		text-align: center;
		padding-left: 0;
		padding-right: 0; 
	}
}