// Buttons

.btn {
	font-family: $font-family-base;
	// some Browsers has default rounded corners
	@if $enable-rounded == false {
		border-radius: 0;
	}
}

@each $color, $value in $theme-colors {
	.btn-#{$color} {
		-webkit-box-shadow: 2px 2px 0 0 rgba(darken($value,20%),0.75);
		-moz-box-shadow: 2px 2px 0 0 rgba(darken($value,20%),0.75);
		box-shadow: 2px 2px 0 0 rgba(darken($value,20%),0.75);
	}
}