button要素にcssが適用されない

Question

前提・実現したいこと

button要素の背景を変えたい

発生している問題・エラーメッセージ

button要素にcssが適用されません。理由が知りたいです。

該当のソースコード

<button id="submit" type="submit">計算</button>
```css
  button {
      background: rgb(40, 156, 30);
    }
### 試したこと

ここに問題に対して試したことを記載してください。

### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

こんばんは
当方で検証してみたのですが、コードの通り想定された結果となりました。
動作サンプル|CodePen

(蛇足)
button タグはブラウザごとに独自のスタイルが設定されていてそちらの影響なのかと思います。

HTML の <button> 要素はクリックできるボタンを表し、フォームや、文書で単純なボタン機能が必要なあらゆる場所で使用することができます。既定では、 HTML のボタンは ユーザーエージェント が実行されているホストのプラットフォームのスタイルと似ていますが、 CSS を使用してボタンの外見を変更することができます。

buttonタグ|MDN

では、そちらを一度無効化して実際に確認してあげましょう。と言っても簡単んで、unsetキーワードを使用してあげます。このように設定されているデザインがリセットされているかと思います。
ただ、ブラウザの対応状況もいいとは言えないので、本番環境では使用しない方が良いかと思います。
unset|Can I use

このようにbuttonタグはスタイリングに適しているとは言えないと思います。divタグやaタグで表現しても同じ挙動になることが想定されますので、そちらで行ってみてはどうでしょうか？