Marketing Buttons Gradient border, rounded and pill

<a
      class="group inline-block rounded-sm bg-linear-to-r from-pink-500 via-red-500 to-yellow-500 p-0.5 hover:text-white"
      href="#"
    >
      <span
        class="block rounded-xs bg-white px-8 py-3 text-sm font-medium group-hover:bg-transparent"
      >
        Download
      </span>
    </a>

    <a
      class="group inline-block rounded-full bg-linear-to-r from-pink-500 via-red-500 to-yellow-500 p-0.5 hover:text-white"
      href="#"
    >
      <span
        class="block rounded-full bg-white px-8 py-3 text-sm font-medium group-hover:bg-transparent"
      >
        Download
      </span>
    </a>