.snippets-landing-page-container {
	box-sizing: border-box;
	margin-top: var(--padding4);
	max-height: calc(100vh - var(--padding4) * 5);
	display: flex;
	gap: var(--margin3);
	align-items: flex-start;
	container: snippetsContainer / inline-size;
	overflow-y: hidden;
	padding-bottom: var(--padding1);
	margin-right: calc(var(--marginHalf) * -1);
	padding-right: var(--margin1Half);
}

.snippets-pagination-btn {
	height: 100cqh;
	max-height: calc( 100cqh - 176px );
	box-sizing: border-box;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	text-align: center;
	display: block;
	padding: var(--padding3Half);
	background: var(--background);
	border: 1px solid var(--borderProminentColor);
	box-shadow: var(--shadowStandard);
	color: var(--metaText);
	text-decoration: none;
	&:hover {
		background: var(--brand);
		border-color: var(--brandAccent);
		color: var(--brandReversedText);
		box-shadow: var(--shadowInteraction);
	}
}