<style>
  /* 1. タグに対するスタイル */
  button {
    background-color: gray;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
  }

  /* 2. クラスに対するスタイル */
  .primary {
    background-color: blue;
  }

  /* 3. IDに対するスタイル */
  #submit {
    background-color: green;
  }
</style>

<button>普通のボタン (gray)</button>
<button class="primary">クラス指定 (blue)</button>
<button id="submit" class="primary">ID指定 (green)</button>
<button id="submit" class="primary" style="background-color: orange;">style属性 (orange)</button>