顺风推杆圈内按钮

Question

如何在按钮内放置一个圆圈并在其右侧放置文本?现在，它与文本重叠，它们应该居中(圆圈+文本)。这里是操场点击这里

<button class="btn btn-change">
<span class="w-5 h-5 bg-red-500 rounded-full absolute"></span>
Change Color
</button>

Answer 1

<button class="btn btn-change">
<div class="flex items-center justify-center">
<span class="w-5 h-5 bg-red-500 rounded-full"></span>
Change Color
</div> 
</button>

Answer 2

<button class="btn btn-change">
<div class="flex  justify-center">
<span class="w-5 h-5 bg-red-500 rounded-full"></span>
Change Color
</div>
</button>