Cannot remove underline when used with <a>

[kenchris]

When wrapped by a tag to become a link, it is impossible to remove the underline. Changing the color works fine. This also shows on the demo page.

   a paper-button,
    a:active paper-button,
    a:visited paper-button {
      color: #000;
      text-decoration: none !important;
    }

@kenchris You should set text-decoration: none on the a selector instead:

a { text-decoration: none }

[valdrinkoshi]

Closing this as solution was provided