<div style="margin: 1rem;">
   <button class="button primary">Primary Button</button>
</div>

<div style="margin: 1rem;">
   <button class="button outlined">Outlined Button</button>
</div>

<div style="margin: 1rem;">
   <button class="button text">Text Button</button>
</div>