.glyph-button {
	color: white;
	display: inline-flex;
	justify-content: center;
	align-items: center;
    height: 30px;
    min-width: 30px;
    cursor: pointer;
    border-style: solid;
    border-color: #405309;
    border-radius: 5px;
    border-width: 1px;
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.5);
	background-image: linear-gradient(to top, #4C620B, #7EA112);
	font-size: 12px;
}

.glyph-button:hover {
	background-image: linear-gradient(to top, #749510, #A0CF17);
}

.glyph-button-warning {
	background-image: linear-gradient(to top, #605C0B, #A09913);
}

.glyph-button-warning:hover {
	background-image: linear-gradient(to top, #827C0F, #CEC518);
}

.glyph-button-caution {
	background-image: linear-gradient(to top, #5E0B0B, #A01313);
}

.glyph-button-caution:hover {
	background-image: linear-gradient(to top, #931111, #CE1818);
}