Template: Arrow button/styles.css

.tpl-arrowButton {
	display: inline-block;
	color: #ffffff;
	padding: 0.4em;
	line-height: 1.5em;
	border-radius: 3px;
	margin-bottom: 0.5em;
	font-size: 115%;
}

.tpl-arrowButton a {
	color: inherit;
}

.tpl-arrowButton.tpl-arrowButton-hasDescription {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.tpl-arrowButton-description {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin: 0;
	font-size: smaller;
}

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

.tpl-arrowButton-red {
	background: #7e322c;
}

.tpl-arrowButton-green {
	background: #53946b;
}

.tpl-arrowButton-blue {
	background: #4f79a2;
}

.tpl-arrowButton-gold {
	background: #E5B921;
}

.tpl-arrowButton-red:hover {
    background: #EDDEDE !important;
    color: #000000 !important;
}

.tpl-arrowButton-green:hover {
    background: #DEEDE6 !important;
    color: #000000 !important;
}

.arrowbutton-blue:hover {
    background: #DEE7ED !important;
    color: #000000 !important;
}

.tpl-arrowButton-gold:hover {
    background: #faefcb !important;
    color: #000000 !important;
}