title: styled component multiple override css no effect?
body: <p>I have a React component styled using styled-components, but can it be apply style again? My button is a react component</p>
  <pre><code>import Button from &quot;./Button&quot;;
  </code></pre>
  <p>Then somewhere else I add margin-top, it don't apply the style.</p>
  <pre><code>//margin-top has no effect?
  const ButtonStyled = styled(Button)`
    margin-top: 100px;
  `;
  
  export default function App() {
    return &lt;ButtonStyled&gt;My button&lt;/ButtonStyled&gt;;
  }
  </code></pre>
  <p>Demo here
  <a href="https://codesandbox.io/s/goofy-montalcini-l47kp?file=/src/App.js:144-150" rel="nofollow noreferrer">https://codesandbox.io/s/goofy-montalcini-l47kp?file=/src/App.js:144-150</a></p>