如何在React bootstrap样式组件中覆盖-btn-primary类

import { Button } from 'react-bootstrap';
import 'bootstrap/dist/css/bootstrap.min.css';

import React from 'react';
import { Button } from 'react-bootstrap';

const CustomButton = () => {
  return (
    <Button className="custom-btn">Custom Button</Button>
  );
}

export default CustomButton;

.custom-btn {
  /* 添加自定义样式 */
}

.custom-btn.btn-primary {
  /* 覆盖btn-primary类的样式 */
}