.button {
	display: inline-block;
	padding: 0.6rem 1.25rem;
	background-color: var(--color-primary-strong);
	border: 1px solid transparent;
	border-radius: var(--radius-md);
	color: var(--color-bg);
	font-family: var(--font-mono);
	font-size: 0.875rem;
	font-weight: 500;
	letter-spacing: 0.04em;
	transition: background-color var(--transition), box-shadow var(--transition);
}

.button:hover {
	background-color: var(--color-primary);
	box-shadow: 0 8px 24px -8px rgb(245 158 11 / 0.4);
	color: var(--color-bg);
}

.button--quiet {
	background-color: transparent;
	border-color: var(--color-outline-variant);
	color: var(--color-text);
}

.button--quiet:hover {
	background-color: transparent;
	border-color: var(--color-primary-strong);
	box-shadow: none;
	color: var(--color-primary);
}