<x-button.circle text="TS" outline />
<x-button.circle text="TS" color="secondary" outline />
<x-button.circle text="TS" color="slate" outline />
<x-button.circle text="TS" color="gray" outline />
<x-button.circle text="TS" color="zinc" outline />
<x-button.circle text="TS" color="neutral" outline />
<x-button.circle text="TS" color="stone" outline />
<x-button.circle text="TS" color="red" outline />
<x-button.circle text="TS" color="orange" outline />
<x-button.circle text="TS" color="amber" outline />
<x-button.circle text="TS" color="yellow" outline />
<x-button.circle text="TS" color="lime" outline />
<x-button.circle text="TS" color="green" outline />
<x-button.circle text="TS" color="emerald" outline />
<x-button.circle text="TS" color="teal" outline />
<x-button.circle text="TS" color="cyan" outline />
<x-button.circle text="TS" color="sky" outline />
<x-button.circle text="TS" color="blue" outline />
<x-button.circle text="TS" color="indigo" outline />
<x-button.circle text="TS" color="violet" outline />
<x-button.circle text="TS" color="purple" outline />
<x-button.circle text="TS" color="fuchsia" outline />
<x-button.circle text="TS" color="pink" outline />
<x-button.circle text="TS" color="rose" outline />
<x-button.circle text="TS" color="black" outline />
<x-button.circle text="TS" color="white" outline />