我按照文档, 修改了css变量, 想让按钮背景色变成粉红色, 却被划掉了 背景色并未改变

<template>
  <el-header id="header">
    <el-button class="menu-button">推荐</el-button>
    <el-button class="menu-button">关注</el-button>
  </el-header>
</template>

<style lang="less">
// 菜单按钮通用样式
.menu-button {
  --el-button-bg-color: pink;
  // background-color: pink;
  // button中的字体
  span {
    font-size: 1.2rem;
    font-weight: bold;
  }
}
</style>