text: import React, { Component } from 'react'
  import styled from 'styled-components'
  
  export default styled.button`
    background-color: ${props => (props.primary ? "#3d2e3c" : "#fff")};
    color: ${props => (props.primary ? "#fff" : "#3d2e3c")};
    border: 2px solid #3d2e3c;
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
    text-align: center;
    text-decoration: none;
    font-size: 1rem;
    text-transform: uppercase;
    cursor: pointer;
    &:hover {
      background-color: ${props => (props.primary ? "#241523" : "#3d2e3c")};
      color: ${props => (props.primary ? "#fff" : "#fff")};
      border: ${props => (props.primary ? "2px solid #241523" : "2px solid #3d2e3c")};
    }
  `
  