.button {
	border: none;
	padding: 0.5rem;
	font-size: 1rem;
	text-align: center;
	text-decoration: none;
	color: black;
	font-family: inherit;
	background-color: lightgray;
	cursor: pointer;
	user-select: none;
	border-radius: 0.8rem 0.4rem;
	box-shadow: 0 0 black;
	transform: none;
	transition: background-color 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;

	&:disabled {
		background-color: slategray;
		color: #333;
		cursor: inherit;
	}

	&:not(:disabled):hover, &:not(:disabled):focus {
		background-color: darkgray;
		box-shadow: -0.2rem 0.2rem black;
		transform: translate(0.2rem, -0.2rem);
	}

	&:not(:disabled):active {
		box-shadow: 0 0 black;
		transform: none;
	}
}

.buttons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: stretch;
	& > * {
		flex: 1 0 auto;
		margin: 0.2rem 0 0 0.3rem
	}
}