.button {
	display: inline-block;
	padding: 0.75rem 1.5rem;
	border-radius: var(--radius);
	font-weight: 600;
	border: none;
	cursor: pointer;
}

.button--primary {
	background: var(--color-accent);
	color: var(--color-text);
}

.button--primary:hover {
	filter: brightness(1.05);
	color: var(--color-text);
}

.button--login {
	padding: 10px 18px;
	border-radius: 24px;
	background: var(--color-primary);
	color: #fff;
}

.button--login:hover {
	background: var(--color-primary-dark);
	color: #fff;
}