Dangerous icon buttons

[andreasknoepfle]

Dangerous icon buttons are currently not possible, since the hover from the a-button--icon overrides the danger.

<a class="a-button a-button--icon a-button--danger foo" href="#" title="Delete">
  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="a-icon" focusable="false" height="16" width="16">
    <use xlink:href="assets/icons.svg#icon-bin">
    </use>
  </svg>
  <span class="u-sr-only">
    Delete
  </span>
</a>

I guess they could be cool to print on a list view e.g.