Button

<section class="bg-emerald-950 rounded-md p-8">

<div class="flex flex-wrap items-center gap-2">
  <button class="button button--primary rounded-full">Primary Button</button>
  <button class="button button--secondary rounded-full">Secondary Button</button>
  <button class="button button--tertiary rounded-full">Tertiary Button</button>
  <div class="bg-white p-2 rounded-full">
    <button class="button button--quarternary rounded-full">Quarternary Button</button>
    </div>
</div>

<div class="flex flex-wrap items-center gap-2 mt-8">
  <button class="button button--primary rounded-md">Primary Button</button>
  <button class="button button--secondary rounded-md">Secondary Button</button>
  <button class="button button--tertiary rounded-md">Tertiary Button</button>
  <div class="bg-white p-2 rounded-md">
    <button class="button button--quarternary rounded-md">Quarternary Button</button>
  </div>
</div>

</section>