gistfile1.scss

$btn-bg: #008CBA;
$btn-text-color: white;

.btn {
	padding: 10px 20px;
	font-weight: bold;
	transition: all 300ms ease;

	color: rgba($btn-text-color, 0.8);
	background: $btn-bg;
	border: 1px solid scale-color($btn-bg, $lightness: -20%);
	text-shadow: rgba(black, 0.4) 0 1px 2px;

	&:hover {
		color: rgba($btn-text-color, 1);
		background: scale-color($btn-bg, $lightness: -10%);
		border-color: scale-color($btn-bg, $lightness: -40%);
		text-shadow: rgba(red, 0.7) 0 1px 2px;
	}
	&:active {
		color: rgba($btn-text-color, 1);
		background: scale-color($btn-bg, $lightness: -20%);
	}
}