MyButton.js

import styles from './styles.module.css'

const MyButton = () => {
  return <button classNames={styles.myBtn}>Opa!</button>
}
export default MyButton

notes.md

Notas

1. Repare que aplicamos o styles como uma variável (isso vem do CSS Modules)
2. Será gerado um class único para esse botão, algo como myBtn-asdfasdf
3. Essa técnica também evita side-effects e colisão de classNames
4. No caso do tailwind, perdemos um pouco de funcionalidades (não lembro de cabeça quais 😅)

styles.module.css

.myBtn{
  @apply px-4 py-2 rounded shadow; 
}