如何让按钮在光标悬停时变大/变小？

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

.hover-button {
  /* 默认状态样式 */
  font-size: 16px;
  transition: font-size 0.3s; /* 添加过渡效果，使变化更平滑 */

  /* 悬停状态样式 */
  /* 在:hover伪类选择器下定义按钮的样式 */
  /* 可以通过增大或减小字体大小来实现按钮的变大/变小效果 */
  /* 这里以变大为例 */
  /* 可以根据需求自行调整变化的属性和数值 */
  /* 变小的效果可以使用类似的方式实现 */
  .hover-button:hover {
    font-size: 20px;
  }
}