.marqueblanche-footer__counter {
	position: relative;
	grid-column: 1 / -1;
	justify-self: center;
	width: min(100%, 760px);
	padding: 0.6rem;
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--marqueblanche-theme-warm) 72%, transparent), color-mix(in srgb, var(--marqueblanche-theme-cool) 50%, transparent)),
		var(--marqueblanche-theme-bg);
	border: 1px solid color-mix(in srgb, var(--marqueblanche-theme-text) 12%, transparent);
	border-radius: 20px;
	box-shadow:
		0 16px 36px color-mix(in srgb, var(--marqueblanche-theme-text) 10%, transparent),
		0 1px 0 color-mix(in srgb, var(--marqueblanche-theme-bg) 92%, transparent) inset;
	box-sizing: border-box;
	overflow: hidden;
}

.marqueblanche-footer__counter::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 14% 50%, color-mix(in srgb, var(--marqueblanche-theme-warm) 16%, transparent), transparent 11rem),
		radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--marqueblanche-theme-cool) 26%, transparent), transparent 12rem);
	pointer-events: none;
}

@media (max-width: 640px) {
	.marqueblanche-footer__counter {
		border-radius: 18px;
	}
}