/* 88x31 Button Box Container */
.button-box {
  width: 480px; /* fits 5 × 88px + spacing */
  padding: 12px;
  background: #fbfbaa;
  border: 5px solid #81c100;
  border-radius: 8px;
  margin: 20px auto;   /* <-- THIS centers it */
  font-family: inherit; /* uses your DS font */
}

/* Title above the grid */
.button-box h3 {
  margin: 0 0 10px 0;
  font-size: 18px;
  font-weight: bold;
  color: #81c100;
  text-align: center; /* optional but looks cleaner */
}

/* Grid layout for 25 buttons */
.button-grid {
  display: grid;
  grid-template-columns: repeat(5, 88px);
  grid-auto-rows: 31px;
  gap: 0px;
  justify-content: center; /* keeps grid centered inside box */
}

/* Force correct size + remove browser artifacts */
.button-grid img {
  width: 88px;
  height: 31px;
  display: block;
  image-rendering: pixelated;
  border: none;
  padding: 0;
  margin: 0;
}