text: import styled from 'styled-components'
  
  export const Button = styled.button`
      background-color: ${ props => props.light ? '#fff' : 'var(--color-crimson)' };
      border-radius: 4px;
      border: ${ props => props.light ? '2px solid var(--color-crimson)' : '0' };
      color: ${ props => props.light ? 'var(--color-crimson) !important' : '#fff' };
      padding: 1rem 1.5rem;
      text-transform: uppercase;
      text-decoration: none !important;
      white-space: nowrap;
      cursor: pointer;
      // possibly extend to allow fullWidth prop?
      // display: flex;
      // justify-content: center;
      // align-items: center;
      ${ props => props.fullWidth ? `width: 100%;` : undefined }
  `
  