button.site-button {
	border: none;
}

.site-button {
	padding: .25em 0.75em;
	
    border-radius: .3em;
    box-shadow: 1.5px 2px 2px #adabaf;
    
    background-color: #283265;
  	background-image: linear-gradient(180deg, #3e5c94, #283265);
    color: white;
    
    text-decoration: none;
    
    font-weight: 500;
    font-size: 10pt;
    font-family: Verdana;
}

.site-button:hover {
	background-color: #0077b8;
	background-image: linear-gradient(180deg, #3e5a98, #0077b8);
}

/* Verde */
.site-button.green {
    background-color: #1e5024;
    background-image: linear-gradient(180deg, #3c8c3c, #1e5024);
}
.site-button.green:hover {
    background-color: #5fffb0;
    background-image: linear-gradient(0deg, #5fffb0, #00a85d);
}

/* Amarelo */
.site-button.yellow {
    background-color: #b58c00;
    background-image: linear-gradient(180deg, #e0b500, #b58c00);
}
.site-button.yellow:hover {
    background-color: #fff589;
    background-image: linear-gradient(0deg, #fff589, #f7c600);
}

/* Laranja */
.site-button.orange {
    background-color: #a64900;
    background-image: linear-gradient(180deg, #e86a00, #a64900);
}
.site-button.orange:hover {
    background-color: #ffd3a3;
    background-image: linear-gradient(0deg, #ffd3a3, #ff8423);
}

/* Vermelho */
.site-button.red {
    background-color: #8b1a1a;
    background-image: linear-gradient(180deg, #c0392b, #8b1a1a);
}
.site-button.red:hover {
    background-color: #ffb3a7;
    background-image: linear-gradient(0deg, #ffb3a7, #e74c3c);
}

/* Roxo */
.site-button.purple {
    background-color: #4a2b6f;
    background-image: linear-gradient(180deg, #8053b2, #4a2b6f);
}
.site-button.purple:hover {
    background-color: #e4d4ff;
    background-image: linear-gradient(0deg, #e4d4ff, #a678e2);
}