/**
 * Show more: .mk-show-more (templates/components/show-more.php).
 * Centred column: label-medium link (underlined on hover / press / loading)
 * + 12 + body-small note in the secondary colour. Space above: the caller.
 */

.mk-show-more {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--wp--custom--show-more--gap);
	text-align: center;
}

.mk-show-more[hidden] {
	display: none;
}

.mk-show-more__link {
	color: var(--wp--custom--color--text--primary);
	text-decoration: none;
	text-underline-offset: 0.2em;
	font-family: var(--wp--custom--text--label-medium--font-family);
	font-size: var(--wp--custom--text--label-medium--font-size);
	font-weight: var(--wp--custom--text--label-medium--font-weight);
	line-height: var(--wp--custom--text--label-medium--line-height);
	letter-spacing: var(--wp--custom--text--label-medium--letter-spacing);
}

.mk-show-more__link:active,
.mk-show-more__link[aria-busy="true"] {
	text-decoration: underline;
}

.mk-show-more__link[aria-busy="true"] {
	cursor: progress;
	opacity: 0.6;
}

.mk-show-more__link:focus-visible {
	outline-width: var(--wp--custom--focus--ring-width);
	outline-style: solid;
	outline-color: var(--wp--custom--color--focus--ring);
	outline-offset: var(--wp--custom--focus--ring-offset);
}

@media (hover: hover) {
	.mk-show-more__link:hover {
		text-decoration: underline;
	}
}

.mk-show-more__note {
	margin: 0;
	color: var(--wp--custom--color--text--secondary);
	font-family: var(--wp--custom--text--body-small--font-family);
	font-size: var(--wp--custom--text--body-small--font-size);
	font-weight: var(--wp--custom--text--body-small--font-weight);
	line-height: var(--wp--custom--text--body-small--line-height);
	letter-spacing: var(--wp--custom--text--body-small--letter-spacing);
}