<script src="https://cdn.tailwindcss.com"></script>

<div class="flex place-items-center justify-center w-screen h-screen">
  <div>
    <button class="px-4 py-2 bg-emerald-500 shadow-lg shadow-emerald-500/50 rounded text-white">Emerald color</button>
    <button class="px-4 py-2 bg-blue-500 shadow-lg shadow-blue-500/50 rounded text-white mx-8">Blue color</button>
    <button class="px-4 py-2 bg-amber-500 shadow-lg shadow-amber-500/50 rounded text-white">Amber color</button>
  </div>
</div>
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.