.button24 {
  display: inline-block;
  color: white;
  text-decoration: none;
  padding: .5em 2em;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #FDBE33 #000 #D77206;
  border-radius: 6px;
  background: linear-gradient(#F3AE0F, #E38916) #E38916;
  transition: 0.2s;
  cursor: pointer;
} 
.button24:hover { background: linear-gradient(#f5ae00, #f59500) #f5ae00; }
.button24:active { background: linear-gradient(#f59500, #f5ae00) #f59500;}

.button24red {
  display: inline-block;
  color: white;
  text-decoration: none;
  padding: .5em 2em;
  outline: none;
  border-width: 2px 0;
  border-style: solid none;
  border-color: #ff6666 #000 #996633;
  border-radius: 6px;
  background: linear-gradient(#f34f0f, #e31616) #e31616;
  transition: 0.2s;
  cursor: pointer;
} 
.button24red:hover { background: linear-gradient(#f50000, #cc3300) #f50000; }
.button24red:active { background: linear-gradient(#cc3300, #f50000) #cc3300;}