.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-mono);
	font-size: var(--fs-eyebrow);
	letter-spacing: var(--ls-wide);
	white-space: nowrap;
	padding: var(--space-3) var(--space-5);
	border: var(--border-frame);
	transform: scale(1);
	transition: background-color var(--duration-fast) var(--ease-standard),
		color var(--duration-fast) var(--ease-standard),
		transform var(--duration-base) cubic-bezier(0.34, 1.56, 0.64, 1);
}

.btn:hover,
.btn:focus-visible {
	transform: scale(1.04);
}

.btn:active {
	transform: scale(0.97);
}

@media (prefers-reduced-motion: reduce) {
	.btn {
		transition: background-color var(--duration-fast) var(--ease-standard),
			color var(--duration-fast) var(--ease-standard);
	}

	.btn:hover,
	.btn:focus-visible,
	.btn:active {
		transform: none;
	}
}

.btn--contact {
	background: var(--color-accent);
	border-color: var(--color-accent);
	color: var(--color-accent-ink);
}

.btn--contact:hover {
	background: var(--color-paper);
	color: var(--color-accent);
	border-color: var(--color-accent);
}

.btn--block {
	display: flex;
	width: 100%;
}