有没有办法改变Antd内部按钮的颜色？

import React from 'react';
import { Button } from 'antd';

const App = () => {
  return (
    <Button style={{ backgroundColor: 'blue', color: 'white' }}>自定义颜色按钮</Button>
  );
};

export default App;

import React from 'react';
import { Button } from 'antd';
import './App.css';

const App = () => {
  return (
    <Button className="custom-button">自定义颜色按钮</Button>
  );
};

export default App;

.custom-button {
  background-color: green;
  color: white;
}

npm install antd-theme-webpack-plugin --save-dev

const AntDesignThemePlugin = require('antd-theme-webpack-plugin');

module.exports = {
  // 其他配置...
  plugins: [
    new AntDesignThemePlugin({
      antDir: path.join(__dirname, './node_modules/antd'),
      stylesDir: path.join(__dirname, './src'),
      varFile: path.join(__dirname, './src/styles/variables.less'),
      themeVariables: ['@primary-color'],
      indexFileName: 'index.html',
      generateOnce: false
    })
  ]
};

@primary-color: #1DA57A;

.custom-button {
  background-color: green !important;
  color: white !important;
}