@import 'bourbon';
@import 'base/base';

$primary-button-color: #3FA743;
$base-button-color: $blue;

button, button[type='button'], .button {
	position: relative;
	display: inline-block;
	background-color: $base-button-color;
	color: #fff!important;
	padding: 1em 2em;
	border-radius: 5px;

	&.primary, &.primary.ladda-button {
		background-color: $primary-button-color;
	}

	&.ladda-button {
		background-color: $base-button-color;
	}

	&.primary:hover, &.primary:focus, &.primary.ladda-button:hover, &.primary.ladda-button:focus {
		background-color: darken($primary-button-color, 15);
	}

	&.ladda-button:hover, &.ladda-button:focus {
		background-color: darken($base-button-color, 15);
	}
}

button:hover, .button:hover {
	background-color: darken($base-button-color, 15);
}