const Button = styled.button`
  color: palevioletred;
  font-size: 1em;
  margin: 1em;
  padding: 0.25em 1em;
  border: 2px solid palevioletred;
  border-radius: 3px;
`;

const TomatoButton = styled(Button)`
  color: tomato;
  border-color: tomato;
`;

When inheriting from styled-component, the code above works

export const containerBooks=css({
    display: 'grid',
    gridTemplateColumns: 'repeat(2, minmax(300px, 1fr))',
    gridGap: '100px',
    padding: '50px',
    width: '70%',
    paddingTop: '50px'
});

How should I code when trying to inherit containerBooks from emotion?