title: How can I change Angular Material button background color on hover state?
body: <p>I have an Angular button:</p>
  
  <pre><code>&lt;button md-button class="link-btn" &gt;Cancel&lt;/button&gt;
  
  .link-btn {
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
    font-size: 0.8em;
    padding: 0px;
  }
  
  .link-btn:hover {
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
    font-size: 0.8em;
    padding: 0px;
  }
  </code></pre>
  
  <p>Normally it is setting transparent background, but in <code>hover</code> state, gray background is shown? How to remove that?</p>