/* Hide the original pagination once JS has swapped in the Load More button. */
.wpmash-qlm.wpmash-qlm-ready {
	display: none;
}

.wpmash-qlm-holder {
	text-align: center;
	margin-top: 2em;
}

/*
 * Button look is driven by CSS variables, set from Settings > Query Load More.
 * Unset colors fall back to the GeneratePress accent / base colors.
 */
.wpmash-qlm-btn {
	cursor: pointer;
	padding: var(--wpmash-qlm-py, 13px) var(--wpmash-qlm-px, 32px);
	border: 0;
	border-radius: var(--wpmash-qlm-radius, 4px);
	background: var(--wpmash-qlm-bg, var(--accent, #1e73be));
	color: var(--wpmash-qlm-color, var(--base-3, #fff));
	font: inherit;
	font-size: var(--wpmash-qlm-size, 1em);
	transition: opacity .2s, background-color .2s;
}

.wpmash-qlm-btn:hover {
	background: var(--wpmash-qlm-hover-bg, var(--wpmash-qlm-bg, var(--accent, #1e73be)));
	opacity: var(--wpmash-qlm-hover-opacity, .9);
}

.wpmash-qlm-btn:disabled {
	opacity: .6;
	cursor: wait;
}