Botões: CSS3 Gradients (degradês) Usando SASS e Darken Firter

gistfile1.sass

/* Variáveis Cores */
$GVCinza: #A7A9AC;   /* descanso */
$GVOrange: #F4A330;  /* ativo e down */

/* Classe */
a.botao {
	color: #FFF;
	display: inline-block;
	padding: 0.5em 1em 0.4em;
	cursor: pointer;
	
	background-color: darken($GVCinza, 15%);
	background-image: -webkit-gradient(linear, left top, left bottom, from($GVCinza), to(darken($GVCinza, 15%)));
	background-image: -webkit-linear-gradient(top, $GVCinza, darken($GVCinza, 15%));
	background-image: -moz-linear-gradient(top, $GVCinza, darken($GVCinza, 15%));
	background-image: -o-linear-gradient(top, $GVCinza, darken($GVCinza, 15%));
	background-image: -ms-linear-gradient(top, $GVCinza, darken($GVCinza, 15%));
	background-image: linear-gradient(top, $GVCinza, darken($GVCinza, 15%));
	filter: unquote("progid:DXImageTransform.Microsoft.gradient(startColorstr='")#{$GVCinza}unquote("', endColorstr='")#{darken($GVCinza, 15%)}unquote("')");
	-ms-filter: unquote("progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$GVCinza}', endColorstr='#{darken($GVCinza, 15%)}')");
	
	-moz-box-shadow: inset 0 1px 1px rgba(255,255,255,0.3);
	-webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,0.3);
	box-shadow: inset 0 1px 1px rgba(255,255,255,0.3);
	
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	border-radius: 0.3em;
	
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
	
	border: 1px solid darken($GVCinza, 25%);
	
	&:hover {
		background-color: darken($GVOrange, 15%);
		background-image: -webkit-gradient(linear, left top, left bottom, from($GVOrange), to(darken($GVOrange, 15%)));
		background-image: -webkit-linear-gradient(top, $GVOrange, darken($GVOrange, 15%));
		background-image: -moz-linear-gradient(top, $GVOrange, darken($GVOrange, 15%));
		background-image: -o-linear-gradient(top, $GVOrange, darken($GVOrange, 15%));
		background-image: -ms-linear-gradient(top, $GVOrange, darken($GVOrange, 15%));
		background-image: linear-gradient(top, $GVOrange, darken($GVOrange, 15%));
		filter: unquote("progid:DXImageTransform.Microsoft.gradient(startColorstr='")#{$GVOrange}unquote("', endColorstr='")#{darken($GVOrange, 15%)}unquote("')");
		-ms-filter: unquote("progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$GVOrange}', endColorstr='#{darken($GVOrange, 15%)}')");
		
		border: 1px solid darken($GVOrange, 25%);
	}
	
	&:active {
		background-color: darken($GVOrange, 30%);
		background-image: -webkit-gradient(linear, left top, left bottom, from(darken($GVCinza, 20%)), to(GVOrange));
		background-image: -webkit-linear-gradient(top, darken($GVCinza, 20%), GVOrange);
		background-image: -moz-linear-gradient(top, darken($GVCinza, 20%), GVOrange);
		background-image: -o-linear-gradient(top, darken($GVCinza, 20%), GVOrange);
		background-image: -ms-linear-gradient(top, darken($GVCinza, 20%), GVOrange);
		background-image: linear-gradient(top, darken($GVCinza, 20%), GVOrange);
		filter: unquote("progid:DXImageTransform.Microsoft.gradient(startColorstr='")#{darken($GVCinza, 20%)}unquote("', endColorstr='")#{GVOrange}unquote("')");
		-ms-filter: unquote("progid:DXImageTransform.Microsoft.gradient(startColorstr='#{darken($GVCinza, 20%)}', endColorstr='#{GVOrange}')");
			
		-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
		
		text-shadow: none;
	}

}

/* ID's Individuais */
a#inscricao {
	font-size: 16px;
	float: right;
}