<section>
<div class="flex flex-wrap items-end justify-center gap-4 py-12 mx-auto">
<button
class="flex items-center justify-center transition-all duration-200 focus:ring-2 focus:outline-none text-white bg-base-900 hover:bg-base-800 focus:ring-base-500/50 h-8 px-4 py-2 text-xs font-medium rounded-md"
>
Button Default
</button>
<button
class="flex items-center justify-center transition-all duration-200 focus:ring-2 focus:outline-none text-white bg-base-900 hover:bg-base-800 focus:ring-base-500/50 h-9 px-4 py-2 text-sm font-medium rounded-md"
>
Button Default
</button>
<button
class="flex items-center justify-center transition-all duration-200 focus:ring-2 focus:outline-none text-white bg-base-900 hover:bg-base-800 focus:ring-base-500/50 h-10 px-6 py-3 text-base font-medium rounded-lg"
>
Button Default
</button>
<button
class="flex items-center justify-center transition-all duration-200 focus:ring-2 focus:outline-none text-white bg-base-900 hover:bg-base-800 focus:ring-base-500/50 h-11 px-6 py-3 text-base font-medium rounded-lg"
>
Button Default
</button>
<button
class="flex items-center justify-center transition-all duration-200 focus:ring-2 focus:outline-none text-white bg-base-900 hover:bg-base-800 focus:ring-base-500/50 h-12 px-6 py-3 text-base font-medium rounded-lg"
>
Button Default
</button>
<button
class="flex items-center justify-center transition-all duration-200 focus:ring-2 focus:outline-none text-white bg-base-900 hover:bg-base-800 focus:ring-base-500/50 h-14 px-6 py-3 text-lg font-medium rounded-lg"
>
Button Default
</button>
</div>
</section>
