title: Primeng disabled button changes color when hovered
body: <p>I have changed p-button styles on hover .</p>
  
  <p>My problem is when the button state is set to disabled and I hover it the color changes also.</p>
  
  <pre><code>&lt;button pButton type="submit" label="Launch @RT" class="ui-button-success color" [disabled]="groupList.length+ejList.length&gt;0 ? false: true"&gt;&lt;/button&gt;
  </code></pre>
  
  <p>Then in CSS:</p>
  
  <pre><code>.ui-button-success.ui-state-disabled, .ui-widget:hover:disabled, .ui-button-success.color{
      background-color: white !important;
      color: #00965E;
  }
  .ui-button.ui-button-success:hover
  {
      background-color: #00965E !important;
      color: white;
  }
  </code></pre>
  
  <p>How can I unchange button style when it's disable and I hover it. but when it's enable change color</p>