изменить глобальный стиль antd, но он не работает

Question

• app.less

@import '~antd/dist/antd.less';
:global{
  body {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    border: 4px solid greenyellow;
   .ant-btn{
      border-radius: 7px ; // work
      background-color: 'rgba(0, 0, 0, 0.42)' !important; // do not work
      color: 'red' !important; // do not work
    }
  }

}

выше кода, я хочу изменить общий стиль кнопки, поэтому есть код

 .ant-btn{
      border-radius: 7px ; // work
      background-color: 'rgba(0, 0, 0, 0.42)' !important; // do not work
      color: 'red' !important; // do not work
    }

, но оба изцвет и фоновый цвет не работают!Border-Redius работают хорошо!почему?

• webpack.config.js

 {
            test: /\.less$/, 
            // loader: ["style-loader","css-loader","less-loader"],
            use:[
              "style-loader",
              "css-loader",
              {
                loader: "less-loader",
                options: {
                  javascriptEnabled: true
                }
              }
            ]
     },