.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;
}