Template:Arrow button/styles.css

.arrowbutton { color: #ffffff; padding: 0.4em; line-height: 1.5em; display: inline-block; border-radius: 3px; }

.arrowbutton::before { content:"⇒ "; font-weight:bold; }

.arrowbutton-red { background:#7e322c; }

.arrowbutton-green { background:#53946b; }

.arrowbutton-blue { background:#4f79a2; }

.arrowbutton-gold { background:#E5B921; }

.arrowbutton-red:hover {

   background: #EDDEDE !important;
   color: #000000 !important;

}

.arrowbutton-green:hover {

   background: #DEEDE6 !important;
   color: #000000 !important;

}

.arrowbutton-blue:hover {

   background: #DEE7ED !important;
   color: #000000 !important;

}

.arrowbutton-gold:hover {

   background: #faefcb !important;
   color: #000000 !important;

}