React rounded button reusable component

.js

import React from 'react';
import styled from 'styled-components';

const RoundedButton = styled.button`
  padding:1.15em 2.5em;
  font-size:0.8em;
  font-weight:${props => props.weight};
  color:${props => props.color};
  background:${props => props.background || 'white'};
  border:0;
  border-radius:${props => props.borderRadius || '150px'};
  transition:all 0.08s ease-in-out;
  cursor:pointer;
  :hover{
    color:${props => props.hoverColor || 'white'};
    background:${props => props.hoverBackground || props.theme.green};
  }
`;

export default RoundedButton;