/* button */
.dem-button[class]{
	font-family: arial,sans-serif;
	font-size:90%;
	font-weight: bold;
	color: var(--dem-button-color, #444);
	padding:.5em 1.2em;
	border: 1px solid var(--dem-button-border-color, rgba(0,0,0,.1));
	border-radius: 2px;
	background: var(--dem-button-bg, #f5f5f5) linear-gradient(#f4f4f4, #f1f1f1);
	transition: color .218s ease, border-color .218s ease, background .218s ease, box-shadow .218s ease;
}

.dem-button[class]:hover {
	color: var(--dem-button-hover-color, var(--dem-button-color, #444));
	border-color: var(--dem-button-hover-border-color, rgb(198,198,198));
	background: var(--dem-button-hover-bg, #f7f7f7) linear-gradient(#f7f7f7, #f1f1f1);
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

.dem-button[class]:active {
	color: var(--dem-button-hover-color, #333);
	border-color: var(--dem-button-hover-border-color, rgb(204,204,204));
	background: var(--dem-button-hover-bg, #eee) linear-gradient(rgb(238,238,238), rgb(224,224,224));
	box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
}
.dem-button[class]:visited{ color:var(--dem-button-color, #444); }