[class*='ct-dynamic-count'] {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	z-index: 1;
	top: -9px;
	inset-inline-end: -9px;
	min-width: 16px;
	cursor: pointer;
	height: 16px;
	padding: 0 3px;
	font-size: 10px;
	font-weight: 600;
	font-style: normal;
	border-radius: 10px;
	color: var(--theme-cart-badge-text, #fff);
	background: var(--theme-cart-badge-background, var(--theme-palette-color-1));

	&[data-count='0'] {
		display: none;
	}
}

@media (prefers-reduced-motion: no-preference) {
	a.ct-added [class*='ct-dynamic-count'] {
		animation: 0.6s ease-in-out 0.12s normal both 1 bounce-in;
	}
}