如何在按钮的中心水平设置渐变

<button class="gradient-button">按钮</button>

.gradient-button {
  width: 200px; /* 设置按钮宽度 */
  height: 50px; /* 设置按钮高度 */
  border: none; /* 可选，去掉按钮边框 */
  color: #fff; /* 设置按钮文字颜色 */
  background: linear-gradient(to right, #ff9933, #ff3366); /* 设置线性渐变背景色，从左到右渐变 */
  /* 可选，添加其他样式属性如字体大小、圆角等 */
}

<style>
.gradient-button {
  width: 200px; /* 设置按钮宽度 */
  height: 50px; /* 设置按钮高度 */
  border: none; /* 可选，去掉按钮边框 */
  color: #fff; /* 设置按钮文字颜色 */
  background: linear-gradient(to right, #ff9933, #ff3366); /* 设置线性渐变背景色，从左到右渐变 */
  /* 可选，添加其他样式属性如字体大小、圆角等 */
}
</style>

<button class="gradient-button">按钮</button>