如何在Styled-Components中更改一个组件的样式，而不创建新的组件？

import styled from 'styled-components';

// 原始组件
const Button = styled.button`
  background-color: blue;
  color: white;
  padding: 10px;
`;

// 使用withComponent方法创建新的组件并更改样式
const RedButton = Button.withComponent('button').attrs({
  style: { backgroundColor: 'red' },
})`
  color: black;
`;

// 使用新的组件
const App = () => {
  return (
    <div>
      <Button>原始按钮</Button>
      <RedButton>红色按钮</RedButton>
    </div>
  );
};