#f0fdf4
1<button class="group relative flex h-14 w-56 items-center rounded-full border border-emerald-200 bg-white pl-16 pr-6 font-semibold text-emerald-900 shadow-md shadow-emerald-900/10 transition-all duration-500 hover:border-emerald-900 hover:bg-emerald-900 hover:pl-7 hover:pr-16 hover:text-white active:scale-95">2 <span class="absolute left-1.5 top-1.5 grid size-10 place-items-center rounded-full bg-emerald-500 text-white transition-all duration-500 group-hover:left-[calc(100%-2.875rem)] group-hover:rotate-[360deg]">3 <svg class="size-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M13 6l6 6-6 6"/></svg>4 </span>5 Começar agora6</button>