Have u tried this one?

<button class="hidden sm:block bg-white text-black px-8 py-2 rounded-full z-50">
  Sign up
</button>

I only change the order between hidden and block. I've tested before in Tailwind Playground and it's work as you expected