新しいセレクタで margin-left を指定するのではなく、既存の nav button セレクタに margin: 0 4px; とすれば、新しくセレクタを作る必要がなく、分かりやすいと思いました。

わざわざセレクタを分ける理由はなんでしょうか？