Not sure if this solution would apply to buttons, but working with prismic what worked for me was using @tailwindcss/typography plugin adding the prose class to work with more sensible styles in your texts as the tailwind documentation points out here.

This way the code would be:

<div className="prose" dangerouslySetInnerHTML={{ __html: your_content }} />

This is way past due but in case someone in the future had the same problem read this.

The accepted answer did not work for me so I did the following.

Locate WHERE you are getting the HTML string from

In my case it was in a file called utils.ts inside a directory called utility.

Edit your tailwind.config.js to include the file

Now you can go to tailwind.config.js, under the content section and make sure your file is added:

const config: Config = {
  content: [
    './pages/**/*.{js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx,mdx}',
    './app/**/*.{js,ts,jsx,tsx,mdx}',
    './utility/**/*.{js,ts,jsx,tsx,mdx}', // <--- THIS IS THE LINE I ADDED TO MY CONFIG TO INCLUDE MY FILE
  ],
  darkMode: 'class',
// the rest of your config

by the way, utils.ts had a function that manipulated the data (HTML string) I was getting from my database before showing it (added some tailwind classes to it and changed some tags). By including this file in the tailwind.config.js the problem was solved.

content in tailwind config: https://tailwindcss.com/docs/content-configuration

sidenote: pay attention to your file format (ts, json, etc.).