text: import styled from 'styled-components'
  
  export const ButtonContainer = styled.div`
    display: flex;
  
    @media (min-width: 855px) {
      margin-top: 24px;
      margin-right: 72px;
    }
  `
  
  export const Button = styled.button`
    background-color: ${props => props.theme.colors.filterBar};
    box-shadow: ${props => props.theme.boxShadow.default};
    border-radius: 32px;
    padding: ${props => (props.isLight ? '10px 20px' : '10px 18px')};
    color: ${props => props.theme.colors.accent};
    margin-left: auto;
    letter-spacing: 0.3px;
    font-size: 16px;
  
    &:hover {
      cursor: pointer;
    }
  
    @media (min-width: 855px) {
      margin-left: 0;
    }
  `
  