.button {
	border:solid 1px rgb(var(--primaryColor));
	display:inline-block;
	padding:0.75em 1.50em;
	cursor:pointer;
	background-color:rgb(var(--whiteColor));
	color:rgb(var(--primaryColor));
}

.button:hover {
	border-color:rgb(var(--secondaryColor));
	background-color:rgb(var(--whiteColor));
	color:rgb(var(--secondaryColor));
}

.focusButton {
	border-color:rgb(var(--focusColor));
	background-color:rgb(var(--focusColor));
	color:rgb(var(--whiteColor));
}

.focusButton:hover {
	border-color:rgb(var(--focusHoverColor));
	background-color:rgb(var(--focusHoverColor));
	color:rgb(var(--whiteColor));
}

.alertButton {
	border-color:rgb(var(--errorColor));
	background-color:rgb(var(--errorColor));
	color:rgb(var(--whiteColor));
}

.alertButton:hover {
	border-color:rgb(var(--errorHoverColor));
	background-color:rgb(var(--errorHoverColor));
	color:rgb(var(--whiteColor));
}

.warningButton {
	border-color:rgb(var(--errorColor));
	background-color:rgb(var(--whiteColor));
	color:rgb(var(--errorColor));
}

.warningButton:hover {
	border-color:rgb(var(--errorHoverColor));
	background-color:rgb(var(--whiteColor));
	color:rgb(var(--errorHoverColor));
}