#loginForm #errorMessage {
	text-align: center;
	font-weight: 400;
	margin-bottom: 16px;
}

#loginForm #form {
	display: flex;
	flex-direction: column;
	align-content: stretch;
	space-between: 16px;
}

#loginForm #form button {
	margin-top: 16px;
	height: 56px;
	background-color: var(--primary-control-color);
	color: #ffffff;
	font-weight: 600;
	border: none;
	font-size: 18px;
	font-family: "Avenir Next";
	text-transform: uppercase;
	font-variant-caps: all-small-caps;
	border-radius: 8px;
	cursor: pointer;
}

#loginForm #form button.loggingIn, #loginForm #form button:disabled {
	background-color: var(--primary-control-light-color);
	pointer-events: none; /* Prevent hover styles */
}

#loginForm #form button:hover {
	background-color: var(--primary-control-highlight-color);
}