/* Button */
.button {	
	/*
	font-weight: 600;
	*/
	border-color: var(--color-primary);
	border-radius: 1em;
	border-style: solid;
	border-width: 2px;
	display: inline-block;
	/* 
	font-weight: bold;
	padding: 0.125em 0.938em;
	*/
	text-transform: uppercase;
	padding: 0.063em 0.938em;
	/*font-size: var(--step--1);*/
}
.button--pilled {
	padding: 0.125em 0.938em;
	/*font-size: var(--step-0);*/
}
.button:hover {
	background-color: var(--color-primary);
}
/*
@media (hover: hover) {
	body {
		border: 3px solid red;
	}
	
}
*/
@media (hover: hover)/* and (pointer: fine) */{
	.button:hover {
		transition: background-color 250ms linear;
	}
	
}
.button-primary{
	color: var(--color-primary);
}
.inverted .button-primary:hover {
		color: var(--color-dark);
	}