Button.js

const ButtonStyle = styled.a`
  padding: 10px;
  line-height: 40px;
  text-align: center;
  border-radius: ${({ rounded }) => (rounded ? "30px" : "5px")};
  cursor: pointer;
  margin: 3px 5px;
  ${({ type, outline }) => TypeButton(type, outline)};
`;

const Button = ({ children, type, outline, rounded }) => (
  <ButtonStyle type={type} outline={outline} rounded={rounded}>
    {children}
  </ButtonStyle>
);