original
1<div class="relative size-40" role="status">2 <div class="absolute left-1/2 top-1/2 size-14 -translate-x-1/2 -translate-y-1/2 rotate-[-25deg] rounded-full shadow-[inset_-12px_-4px_0_0_#fde68a] animate-[flutua_3s_ease-in-out_infinite] motion-reduce:animate-none"></div>3 <span class="absolute left-5 top-6 text-lg text-yellow-200 drop-shadow-[0_0_6px_#fde68a] animate-[brilha_1.8s_ease-in-out_infinite] motion-reduce:animate-none">✦</span>4 <span class="absolute right-6 top-4 text-sm text-sky-200 drop-shadow-[0_0_6px_#bae6fd] animate-[brilha_1.8s_ease-in-out_infinite] [animation-delay:.4s] motion-reduce:animate-none">✦</span>5 <span class="absolute right-3 top-1/2 text-xl text-yellow-100 drop-shadow-[0_0_8px_#fef3c7] animate-[brilha_1.8s_ease-in-out_infinite] [animation-delay:.8s] motion-reduce:animate-none">✦</span>6 <span class="absolute bottom-6 left-8 text-base text-violet-200 drop-shadow-[0_0_6px_#ddd6fe] animate-[brilha_1.8s_ease-in-out_infinite] [animation-delay:1.2s] motion-reduce:animate-none">✦</span>7 <span class="absolute bottom-3 right-10 text-xs text-yellow-200 animate-[brilha_1.8s_ease-in-out_infinite] [animation-delay:.6s] motion-reduce:animate-none">✦</span>8 <span class="absolute left-2 top-1/2 text-xs text-sky-100 animate-[brilha_1.8s_ease-in-out_infinite] [animation-delay:1.4s] motion-reduce:animate-none">✦</span>9</div>