/* button */
.dem-button[class]{
	font-size: 90%;
	font-weight: 700;
	color: var(--dem-button-color, #d1d1d9);
	text-decoration: none;
	text-shadow: 0 -1px 2px rgba(0,0,0,.2);
	padding: .5em 1em;
	outline: none;
	border-radius: 3px;
	background: var(--dem-button-bg, rgb(110,112,120)) linear-gradient(rgb(110,112,120), rgb(81,81,86));
	box-shadow:
		0 1px rgba(255,255,255,.2) inset,
		0 3px 5px rgba(0,1,6,.5),
		0 0 1px 1px rgba(0,1,6,.2);
	transition: .2s ease-in-out;
}

.dem-button[class]:visited{ color:var(--dem-button-color, #d1d1d9); }

.dem-button[class]:hover:not(:active) {
	color: var(--dem-button-hover-color, var(--dem-button-color, #d1d1d9));
	background: var(--dem-button-hover-bg, rgb(126,126,134)) linear-gradient(rgb(126,126,134), rgb(70,71,76));
}

.dem-button[class]:active {
	top: 1px;
	background: var(--dem-button-hover-bg, rgb(76,77,82)) linear-gradient(rgb(76,77,82), rgb(56,57,62));
	box-shadow:
		0 0 1px rgba(0,0,0,.5) inset,
		0 2px 3px rgba(0,0,0,.5) inset,
		0 1px 1px rgba(255,255,255,.1);
}