title: Hover and Active only when not disabled
body: <p>I use <strong>hover</strong>, <strong>active</strong> and <strong>disabled</strong> to style Buttons.</p>
  
  <p>But the problem is when the button is disabled the hover and active styles still applies.</p>
  
  <p>How to apply hover and active only on enabled buttons?</p>