<div class={'group flex flex-wrap items-center gap-2'}>
	<div class="text-accent-700 flex items-center justify-center rounded-full">
		<div class="size-8 rounded-full bg-current"></div>
	</div>
	<div
		class="text-accent-500 ring-accent-500 flex items-center justify-center rounded-full p-0.5 ring-3"
	>
		<div class="size-8 rounded-full bg-current"></div>
	</div>
	<div class="text-accent-300 flex items-center justify-center rounded-full">
		<div class="size-8 rounded-full bg-current"></div>
	</div>
	<div class="text-accent-100 flex items-center justify-center rounded-full">
		<div class="size-8 rounded-full bg-current"></div>
	</div>
</div>
