/* color variable */
/* scss  */
body {
	background: #555;
	padding-top: 100px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 100px;
	position: relative;
}

.pusher {
	margin-right: 10px;
	padding: 30px 30px 5px 5px;
	border-radius: 5px;
	background: -webkit-linear-gradient(top, #cc0000 0%, #990000 100%);
	
	color: rgba(255, 255, 255, 1.0);
	font-family: sans-serif;
	text-decoration: none;
	text-shadow: 0 -1px 0 rgba(0,0,0,1.00);
	border: 2px solid black;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.7), 0 2px 2px rgba(0, 0, 0, 0.7), 0 0 8px rgba(255, 255, 255, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.7), inset 0 3px 1px #ff1a1a, inset 0 9px 1px -5px rgba(255, 255, 255, 0.8);  /* edge-highlight*/
	background: linear-gradient(135deg, rgba(13,45,40,0.9) 0%, rgba(85,85,85,0.50) 100%);
	 background-size: 100% auto;
}
.pusher:hover {
  background: -webkit-radial-gradient(50% 65%, ellipse closest-corner, #e60000 0%, #cc0000 80%, #b30000 100%);
  box-shadow: 0 0 50px rgba(255, 51, 51, 0.6), 0 2px 6px rgba(0, 0, 0, 0.7), 0 2px 2px rgba(0, 0, 0, 0.7), 0 0 8px rgba(255, 255, 255, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.7), inset 0 3px 1px #f50000, inset 0 9px 1px -5px rgba(255, 255, 255, 0.6), inset 0 6px 3px 1px #990000;
  /* inner color*/
}
.pusher:active {
	background: -webkit-radial-gradient(center, ellipse cover, #e60000 0%, #cc0000 80%, #b30000 100%);
	box-shadow: 0 0 20px rgba(255, 51, 51, 0.4), 0 0 2px rgba(0, 0, 0, 0.7), 0 0 8px rgba(255, 255, 255, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	color: rgba(103,98,98,0.40);  /* edge-highlight 1*/
}