styled-components에서 겹치는 스타일을 Sass처럼 믹스인으로 만들 수 있을까?

import styled, {css} from '@emotion/styeld';

const Button= Styled.button`
  color: white;
  background-color: black;
  padding: 8px 16px;
  border: none;
  border-radius: 20px;
`;

const hover= css`
  &:hover {
    background-color: skyblue;
  }
`;

const PinkButton= Styled(Button)`
  background-color: pink;
  ${hover}
`;

const GreenButton= Styled(Button)`
    background-color: green;
    ${hover}
`;