如何像示例中那样在引导按钮之间添加间距？

.button {
  margin-right: 10px; /* 设置右侧间距为 10 像素 */
}

<div class="button-container">
  <button class="button">按钮1</button>
  <button class="button">按钮2</button>
  <button class="button">按钮3</button>
</div>

.button-container {
  display: flex;
  gap: 10px; /* 设置按钮之间的间距为 10 像素 */
}

<div class="button-container">
  <button class="button">按钮1</button>
  <button class="button">按钮2</button>
  <button class="button">按钮3</button>
</div>

.button-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); /* 设置按钮宽度为 100px，自适应容器宽度 */
  gap: 10px; /* 设置按钮之间的间距为 10 像素 */
}