:root {
	--nccdh-btn-arrow-gap: 0.5em;
	--nccdh-btn-tertiary-bg: #FFFFFF;
	--nccdh-btn-tertiary-text: #4d4d4d;
	--nccdh-btn-tertiary-text-hover: #FFFFFF;
	--nccdh-btn-tertiary-border: #4d4d4d;
	--nccdh-btn-tertiary-bg-hover: #4d4d4dd4;
}

.ast-button:not(.ast-outline-button):not(.ast-badge-tax),
.wp-block-button:not(.is-style-outline) > .wp-block-button__link,
.uagb-buttons-repeater.wp-block-button__link:not(.ast-outline-button) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--nccdh-btn-arrow-gap);
	transition: background-color 0.15s linear, color 0.15s linear, border-color 0.15s linear;
}

.ast-button:not(.ast-outline-button):not(.ast-badge-tax)::after,
.wp-block-button:not(.is-style-outline) > .wp-block-button__link::after,
.uagb-buttons-repeater.wp-block-button__link:not(.ast-outline-button)::after {
	content: "→";
	flex-shrink: 0;
	line-height: 1;
}

.nccdh-btn--tertiary,
.read-more-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 0.5rem;
	padding: 0.5rem 1rem;
	border: 2px solid var(--nccdh-btn-tertiary-border);
	border-radius: 300px;
	background-color: var(--nccdh-btn-tertiary-bg);
	color: var(--nccdh-btn-tertiary-text);
	font-family: var(--nccdh-font-family, 'Sofia Pro', sans-serif);
	font-size: 0.8rem;
	font-weight: 900;
	line-height: 1.2;
	letter-spacing: 0.01em;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear;
}

.nccdh-btn--tertiary:hover,
.nccdh-btn--tertiary:focus,
.read-more-link:hover,
.read-more-link:focus {
	background-color: var(--nccdh-btn-tertiary-bg-hover);
	border-color: var(--nccdh-btn-tertiary-border);
	color: var(--nccdh-btn-tertiary-text-hover);
	text-decoration: none;
}

.nccdh-btn--tertiary:focus-visible,
.read-more-link:focus-visible {
	outline: 2px solid var(--nccdh-btn-tertiary-border);
	outline-offset: 2px;
}