如何在带有图像的按钮中设置左边的文本

<button class="image-button">
  <img src="image.png" alt="图像">
  <span class="button-text">按钮文本</span>
</button>

.image-button {
  display: flex;
  align-items: center;
  padding: 10px;
  background-color: #f0f0f0;
  border: none;
  border-radius: 5px;
}

.button-text {
  margin-left: 10px;
}

var button = document.querySelector('.image-button');
button.addEventListener('click', function() {
  // 执行点击按钮后的操作
});