/* "Ladda fler": listan med data-load-more visar 20 inlägg i taget, se load-more.js */

/* Dölj inlägg 21+ redan innan load-more.js hunnit köra, så listan inte hoppar vid laddning */
body.has-js [data-load-more]:not(.post-feed--ready) > .post-feed--large__post:nth-child(n + 21),
[data-load-more] > .post-feed--large__post[hidden] {
	display: none;
}

.load-more-btn {
	margin-top: var(--space-l);
	padding: 1.8rem 3.2rem;
	border: 0;
	border-radius: 50vmax;
	background: var(--primary);
	color: white;
	font-family: inherit;
	font-size: var(--h4);
	font-weight: 500;
	line-height: 1.2;
	cursor: pointer;
	transition: 0.2s ease-out;
}
.load-more-btn:is(:hover, :focus-visible) {
	background:var(--primary-dark);
}
.load-more-btn:focus {
	outline: 0;
}
.load-more-btn:focus-visible {
	outline: 2px solid var(--primary);
	outline-offset: 3px;
}
.load-more-btn[hidden] {
	display: none;
}
