title: Displaying button when hovering over div in TailwindCSS
body: <p>At the moment I am having a bit of trouble using TailwindCSS to display a button when hovering over a div in Vue. Normally, I'd use CSS to do it but I want to do it using tailwind. </p>
  
  <p>I referred to the documentation using <a href="https://tailwindcss.com/docs/visibility/#app" rel="noreferrer">visibility</a> but it didn't work as expected. Is visibility normally for screen related elements? or it can be used for buttons and other content as well? </p>
  
  <p>Code</p>
  
  <pre><code>&lt;div&gt;
    &lt;button class="text-white invisible hover:visible"&gt;Hello&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>