<div class="flex flex-wrap gap-4">
  <a href="#" class="button">Button Text</a>
  <a href="#" class="button bg-blue">Button Text</a>
  <a href="#" class="button bg-light-blue">Button Text</a>
  <a href="#" class="button bg-green">Button Text</a>
  <a href="#" class="button bg-purple">Button Text</a>
  <a href="#" class="button bg-orange">Button Text</a>
  <a href="#" class="bg-yellow-100 button">Button Text</a>
  <button class="bg-green-300 button">Button Text</button>
  <button class="text-white bg-blue-900 button">Button Text</button>
</div>