引导4个垂直堆叠的按钮，每个按钮都有两列左对齐的文本

<div class="button-container">
  <button class="button">
    <div class="column">
      <span class="text">按钮1左侧文本</span>
      <span class="text">按钮1右侧文本</span>
    </div>
  </button>
  <button class="button">
    <div class="column">
      <span class="text">按钮2左侧文本</span>
      <span class="text">按钮2右侧文本</span>
    </div>
  </button>
  <button class="button">
    <div class="column">
      <span class="text">按钮3左侧文本</span>
      <span class="text">按钮3右侧文本</span>
    </div>
  </button>
  <button class="button">
    <div class="column">
      <span class="text">按钮4左侧文本</span>
      <span class="text">按钮4右侧文本</span>
    </div>
  </button>
</div>

.button-container {
  display: flex;
  flex-direction: column;
}

.button {
  width: 200px;
  height: 50px;
  border: none;
  background-color: #eaeaea;
  margin-bottom: 10px;
}

.column {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.text {
  margin-right: 10px;
}