/* button */
input[type="submit"].dem-button,
a.dem-button,
.dem-button{
	font-weight: bold;
	text-shadow: -1px -1px #000;
	padding: .8em 2em;
	background-color: #000;
	background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%), radial-gradient(190% 100% at 50% 0%, rgba(255,255,255,.7) 0%, rgba(255,255,255,.5) 50%, rgba(0,0,0,0) 50%);
	background-repeat: no-repeat;
	background-size: 200% 100%, auto;
	background-position: 200% 0, 0 0;
	box-shadow: rgba(0,0,0,.3) 0 2px 5px;
	color: #fff;
} 

input[type="submit"].dem-button:active,
a.dem-button:active,
.dem-button:active {
	top: 1px;
	box-shadow: none;
}

input[type="submit"].dem-button:hover,
a.dem-button:hover,
.dem-button:hover {
	transition: background .5s linear;
	background-position: -200% 0, 0 0;
}
a.dem-button:visited{ color:#fff; }