.buttongrid .item { padding: 0.5em 0 0.5em 10%; display: flex; align-items: center }
.buttongrid .item:nth-child(even) { background-color: #faf0be }
.buttongrid .item .itemlabel { font-weight: bold; min-width: 15%; }
.buttongrid .item .itemlabel::after { content: ": "; }
.buttongrid .item .button {
    background-color: #c00;
    color: #faf0be;
    box-shadow: 0px 0px 0px 1px #c00;
    border: solid 1px #faf0be;
    padding: 0.25em 0.5em;
    margin: 0 0.5em;
    border-radius: 0.5em;
    text-align: center;
    text-decoration: none;
    min-width: 3em;
}
.buttongrid .item .button:hover {
    background-color: transparent;
    color: #c00;
    box-shadow: none;
    border: solid 1px #c00;
}
.buttongrid .item .fakebutton {
	color: #aaa;
    border: solid 1px #aaa;
    box-shadow: 0px 0px 0px 1px transparent;
    padding: 0.25em 0.5em;
    margin: 0 0.5em;
    border-radius: 0.5em;
    text-align: center;
    text-decoration: none;
    cursor: not-allowed;
    min-width: 3em;
}
.buttongrid .item .subtext { font-size: 60%; display: block; }
@media screen and (max-width: 600px)
{
	.buttongrid { display: initial; }
	.buttongrid .item { display: block; }
	.buttongrid .item .button {
		display: block;
		background-color: transparent;
		color: #C00;
		box-shadow: none;
		border: none;
		min-width: none;
		text-align: initial;
	}
	.buttongrid .item .button:hover {
	    background-color: inherit;
	    color: inherit;
	    box-shadow: inherit;
	    border: inherit;
	}
	.buttongrid .item .fakebutton { display: none; }
	.buttongrid .item .subtext { display: initial; }
	.buttongrid .item .subtext::before { content: " - "; }
}