button {
    padding: 3px 15px 3px 15px;
    font-family: inherit;
    appearance: none;
    cursor: pointer;
    background-color: rgb(5, 5, 112);
    border: none;
    color: white;
}
    /* ボタンのスタイル */
    .buttonRound {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      max-width: 320px;
      height: 64px;
      padding: 8px 24px;
      font-family: sans-serif;
      font-size: 32px;
      color: #fff;
      text-align: center;
      overflow-wrap: anywhere;
      background-color: #436bc2;
      border-radius: 32px; /* (buttonの高さ / 2) の値 */
      margin: auto;
  }
  @media (any-hover: hover) {
  .buttonRound {
      transition: background-color 0.2s;
  }

  .buttonRound:hover {
      background-color: #0a6dee;
  }
  }
  
.buttonRound2 {
    //display: flex;
    align-items: center;
    justify-content: center;
    width: 500%;
    max-width: 320px;
    height: 64px;
    padding: 8px 24px;
    font-family: sans-serif;
    font-size: 32px;
    color: #fff;
    text-align: center;
    overflow-wrap: anywhere;
    background-color: #436bc2;
    border-radius: 32px; /* (buttonの高さ / 2) の値 */
    margin: auto;
}
@media (any-hover: hover) {
.buttonRound2 {
    transition: background-color 0.2s;
}

.buttonRound2:hover {
    background-color: #0a6dee;
}
}