.button-good {
   border-top: 1px solid #ad97f7;
   background: #d66585;
   background: -webkit-gradient(linear, left top, left bottom, from(#9a3e9c), to(#d66585));
   background: -webkit-linear-gradient(top, #9a3e9c, #d66585);
   background: -moz-linear-gradient(top, #9a3e9c, #d66585);
   background: -ms-linear-gradient(top, #9a3e9c, #d66585);
   background: -o-linear-gradient(top, #9a3e9c, #d66585);
   padding: 4px 8px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 11px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button-good:hover {
   border-top-color: #782873;
   background: #782873;
   color: #ccc;
   }
.button-good:active {
   border-top-color: #c43aa4;
   background: #c43aa4;
   }

.button-bad {
   border-top: 1px solid #98baf5;
   background: #0d34bf;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e409c), to(#0d34bf));
   background: -webkit-linear-gradient(top, #3e409c, #0d34bf);
   background: -moz-linear-gradient(top, #3e409c, #0d34bf);
   background: -ms-linear-gradient(top, #3e409c, #0d34bf);
   background: -o-linear-gradient(top, #3e409c, #0d34bf);
   padding: 4px 8px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 11px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button-bad:hover {
   border-top-color: #0b1073;
   background: #0b1073;
   color: #8795c2;
   }
.button-bad:active {
   border-top-color: #021421;
   background: #021421;
   }