import styled, { css } from 'styled-components/macro'

import { isMobileDevice } from 'config/userAgent'

export const CompanyInfoWrapper = styled.div`
  margin-top: auto;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: rgba(255, 255, 255, 0.6);

  ${isMobileDevice ? css`
    margin-top: 20px;
  ` : ''}
`

export const CompanyName = styled.div`
  color: rgba(255, 255, 255, 0.8);
`
export const CompanyInfoText = styled.div``
