.bodor-button {
	align-items: center;
	background: var(--bodor-black);
	border: 1px solid var(--bodor-black);
	color: var(--bodor-white);
	display: inline-flex;
	font-size: 15px;
	font-weight: 600;
	justify-content: center;
	letter-spacing: 0.01em;
	min-height: 52px;
	padding: 14px 28px;
	text-decoration: none;
	transition: background-color 180ms ease, color 180ms ease;
}

.bodor-button:hover,
.bodor-button:focus-visible {
	background: transparent;
	color: var(--bodor-black);
}

.bodor-button--light {
	background: var(--bodor-white);
	border-color: var(--bodor-white);
	color: var(--bodor-black);
}

.bodor-button--light:hover,
.bodor-button--light:focus-visible {
	background: transparent;
	color: var(--bodor-white);
}

.bodor-eyebrow {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.13em;
	margin: 0 0 24px;
	text-transform: uppercase;
}

.bodor-text-link {
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
}

.bodor-text-link:hover,
.bodor-text-link:focus-visible {
	text-decoration: underline;
	text-underline-offset: 4px;
}

.bodor-js [data-bodor-reveal] {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity 650ms ease, transform 650ms ease;
}

.bodor-js [data-bodor-reveal].is-visible {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	.bodor-js [data-bodor-reveal] {
		opacity: 1;
		transform: none;
		transition: none;
	}
}
