TailwindCSSでpopperを再現しようとしたら、HTMLがカオスな状態になってしまった

tailwindはすごく好きで、バージョン0.7から使っているが、昔に比べてなんでもできるようになったことは嬉しい、でもそのせいで気をつけないとHTMLがやばいことになってしまうような事がよくおきる。

cssのpseudo classを使ってホバーしたら、popperが表示されてクリックしたら、文言が変わるようなものをなるべくCSSで頑張ってみようと思った結果HTMLのclassがカオスになってしまった 😭