如何设计react-stripe-checkout表单的样式？

import React from 'react';
import StripeCheckout from 'react-stripe-checkout';

class PaymentForm extends React.Component {
  render() {
    return (
      <StripeCheckout
        token={this.onToken}
        stripeKey="YOUR_STRIPE_PUBLISHABLE_KEY"
        name="Your Company"
        description="Product Description"
        amount={1000} // 支付金额，以最小货币单位为单位（例如美分）
        currency="USD" // 货币代码
        billingAddress={true} // 是否显示账单地址
        shippingAddress={true} // 是否显示送货地址
      />
    );
  }

  onToken = (token) => {
    // 处理支付成功后的逻辑
    console.log(token);
  }
}

<StripeCheckout
  className="stripe-checkout"
  // 其他属性...
/>

.stripe-checkout {
  // 自定义样式...
}

ReactDOM.render(<PaymentForm />, document.getElementById('root'));