title: How to make text inside a button transparent on hover? background should remain the same though
body: <p>How can one make the text inside a button transparent on hover? the background should remain the same though. I tried opacity:0; but it made the whole button invisible. Help. I tried the below code.</p>
  
  <pre><code>&lt;style&gt;
  .btn:hover {
      background-color: #ededed !important;
      color: #3c3c3c !important;
      opacity:0;
  }
  &lt;/style&gt;
  
  &lt;button class=" btn btn-success  btn-lg"&gt;test button&lt;/button&gt;
  </code></pre>