button要素のcssをリセットしたい

セマンティックなhtmlを書く上でリンクではないクリッカブルな要素はbuttonで書きたい衝動にかられると思います。

まぁaタグでもいいんですがbuttonタグを使いたい時にブラウザ標準のスタイルが当てられると最高にダサいので、リセットしてから独自のcssを当てましょう。

style.css

button{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}