antd 中 如何改变按钮颜色，自定义样式颜色

只是做了简单的封装，欢迎指正

import { Button } from 'antd';
import React from 'react';
import styles from './MyBtn.less';
interface BtnPros {
  BtnName?: string;
  onClick?: React.MouseEventHandler<HTMLButtonElement>;
  children?: any;
}
export default ({ onClick, children }: BtnPros) => {
  let BtnName = '';
  React.Children.map(children, (child: any) => {
    if (typeof child === 'string') BtnName = child;
  });
  return (
    <>
      <Button className={styles.btn} onClick={onClick}>
        {BtnName}
      </Button>
    </>
  );
};

.btn {
  background-color: #f6a04d;
  color: #fff;
  &:hover {
    color: #f6a04d !important;
      border-color: #f59b4c !important;
  }
}

 <MyBtn onClick={clickfun}>click</MyBtn>