.button {
	color: white;
	padding: .5rem;
	text-align: center;
	border-radius: .3rem;
	text-decoration: none;
	transition:all .2s ease;
	font-weight: 600;
	cursor: pointer;
	background-color: var(--button-bg-color);
	box-shadow: 0 6px 16px var(--button-shadow-color);
}
	
.button:hover {
	background-color: var(--button-bg-color-hover);
}

.button:focus-visible {
	outline: 0;
	box-shadow: var(--button-shadow-color-focus-visible);
}

.button:active {
	border-color: var(--button-bg-color-active);
	background-color: var(--button-bg-color-active);
}