/**
 * Author archive "Contributions" load-more.
 *
 * The load-more control is styled to match the Insights v2 block's
 * `.wuest-insights__load-more-button` exactly (colours, padding, uppercase
 * label, hover, and in-flight spinner).
 */

.author-contributions {
	padding-bottom: 80px;
}

.author-contributions__load-more {
	display: flex;
	justify-content: center;
	margin-top: 1.5rem;
}

.author-contributions__load-more .author-contributions__load-more-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.75rem 1.4rem;
	background-color: #ea4e44;
	border-color: #ea4e44;
	color: #fff;
	text-transform: uppercase;
	font-weight: 400;
}

.author-contributions__load-more .author-contributions__load-more-button[hidden] {
	display: none !important;
}

.author-contributions__load-more .author-contributions__load-more-button:hover,
.author-contributions__load-more .author-contributions__load-more-button:focus {
	background-color: #000;
	border-color: #000;
	color: #fff;
}

.author-contributions__load-more-button.is-loading {
	opacity: 0.95;
}

.author-contributions__load-more-button.is-loading::after {
	content: '';
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.35);
	border-top-color: rgba(255, 255, 255, 1);
	animation: author-contributions-spin 700ms linear infinite;
	vertical-align: middle;
}

@keyframes author-contributions-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.author-contributions__load-more-button.is-loading::after {
		animation: none;
	}
}
