text: import styled from '@emotion/styled'
  
  export const LanguageSwitcherContainer = styled.div`
    display: inline-flex;
    padding-right: 23px;
  
    @media (min-width: ${(props) => props.theme.breakpoints.md}) {
      padding-right: 39px;
    }
  
    p {
      margin-bottom: 0px !important;
    }
  
    p.current {
      font-weight: bold;
    }
  
    .Header__LanguageSwitcher-button {
      text-decoration: none;
      color: ${(props) => props.theme.colors.black};
      font-family: ${(props) => props.theme.fontFamily.secondary};
      line-height: 26px;
      font-style: normal;
      font-size: ${(props) => props.theme.fonts.heading6};
  
      @media (min-width: ${(props) => props.theme.breakpoints.md}) {
        font-size: ${(props) => props.theme.fonts.heading5};
        line-height: 34px;
      }
    }
  `
  