Buttons with gradient

<div class="grid grid-cols-2 gap-4">
    <button class="bg-gradient-to-r from-purple-500 to-pink-500 text-white font-bold py-2 px-4 rounded-full">
  Click Me
</button>
    <button class="bg-gradient-to-r from-green-300 to-sky-500 text-white font-bold py-2 px-4 rounded-full">
  Click Me
</button>
    <button class="bg-gradient-to-r from-rose-500 to-yellow-400 text-white font-bold py-2 px-4 rounded-full">
  Click Me
</button>
    <button class="bg-gradient-to-r from-blue-500 to-purple-500 text-white font-bold py-2 px-4 rounded-full">
  Click Me
</button>
</div>