.button {
	display: inline-block;
	width: 100%;
	max-width: 7rem;
	text-align: center;
	vertical-align: middle;
	background: #995813;
	color: #161613;
	font-size: 0.8rem;
	text-decoration: none;
	border: 1px solid #24251b;
	border-radius: 4px;
	padding: 0.25rem;
	margin: 1px 1px 1px 2px;
	margin-bottom: 2px;
    cursor: pointer;
	overflow: hidden;
	white-space: nowrap;
}

.button:hover,
.button:active {
	opacity: 0.85;
	color: #100b0b;
	border-color: #c39869;
}

.button.pos {
	background: #185935;
	color: #c7c7c7;
}

.button.pos:hover,
.button.pos:active {
	border-color: #695a49;
}

.button.neg {
	background: red;
}

.button.neg:hover,
.button.neg:active {
	background: #fd4949;
}

.button.action {
	background: #5d0000;
	color: #b0a5a5;
	border-color: #6b4747;
}

.button.action:hover,
.button.action:active {
	opacity: 0.6;
	color: white;
	border-color: #d2c9c9;
}

@media (min-width: 810px) {
	.button {
		width: 7rem;
		font-size: 1rem;
		margin: 1px 1px 2px 1px;
		overflow: inherit;
		white-space: inherit;
	}
}