title: Turn off shadow when hovering disabled button only
body: <p>I am creating buttons using <a href="https://nespero.com/fluent/jquery/docs/components/button/" rel="noreferrer">Bootstrap button generator</a>. Those are fluent design buttons and I noticed that when <code>:disabled</code> the button still casts shadow on <code>:hover</code>. </p>
  
  <p>My questions:</p>
  
  <ol>
  <li>How do I stop the shadow when button is disabled?</li>
  <li>Is it OK to do that? It <em>seems</em> to be good choice to me, but is it somewhere documented for Fluent Design buttons?</li>
  </ol>
  
  <p>I tried:</p>
  
  <pre><code>.btn.disabled:hover { box-shadow: none; }
  </code></pre>
  
  <p>but it doesn't work.  </p>