const Button = styled.button` display: flex; flex-direction: row; justify-content: center; align-items: center; padding: .5em 1em; gap: .5em; border-radius: 50px; background: #00ec97; color: #11181c; font-style: normal; font-weight: 600; font-size: .95em; line-height: 1em; text-align: center; `; return <Button onClick={props.onClick}>{props.text}</Button>;