/* the 2013 glossy buttons: green by default (Download, Solve), blue variant (Shuffle) */
.button{display:inline-block; font-weight:bold; font-size:26pt; padding:2px 40px; border-radius:8px; color:#fff; text-decoration:none; border:1px solid #538312;
  background:linear-gradient(#7db72f, #4e7d0e); box-shadow:rgba(0,0,0,1) 0 1px 0; text-shadow:rgba(0,0,0,.8) 0 -1px 0; cursor:pointer; line-height:1.4}
.button:hover{color:#fff; background:linear-gradient(#6b9d28, #436b0c)}
.button:active{position:relative; top:1px; background:linear-gradient(#4e7d0e, #7db72f)}
.button.color_blue{border-color:#005a95; background:linear-gradient(#008ae6, #005a95)}
.button.color_blue:hover{background:linear-gradient(#0077c5, #004977)}
.button.color_blue:active{background:linear-gradient(#00548b, #008ae6)}
button.button{font-family:inherit}

@media (max-width:560px){
  .button{font-size:20pt; padding:2px 30px}
}