/* button */
input[type="submit"].dem-button,
a.dem-button,
.dem-button{
  font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  color: #f5f5f5;
  text-shadow: 0 -1px rgba(0,0,0,.1);
  padding: .3em 1em;
  border-radius: 3px;
  background: #0c9c0d linear-gradient(rgba(255,255,255,.5), transparent);
  box-shadow: inset #72de26 0 -1px 1px, inset 0 1px 1px #98ff98, #3caa3c 0 0 0 1px, rgba(0,0,0,.3) 0 2px 5px;
  -webkit-animation: pulsate 1.2s linear infinite;
  animation: pulsate 1.2s linear infinite;
}

a.dem-button:visited{ color:#f5f5f5; }

input[type="submit"].dem-button:hover,
a.dem-button:hover,
.dem-button:hover {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
	background-color:#25d126;
}

input[type="submit"].dem-button:active,
a.dem-button:active,
.dem-button:active {
	top: 1px;
	color: #fff;
	text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;
	box-shadow: 0 -1px 3px rgba(0,0,0,.3), 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}

@-webkit-keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}
@keyframes pulsate {
  50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}