import styled from "styled-components";
export const Counter = styled.div `
  background: #1f74d1;
  border-radius: 64px;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
  text-align: center;
  width: max-content;
  font-family: "Geometria", "Verdana", sans-serif;
  padding: 6px 8px 4px;
  ${(props) => props.sm
    ? `
        font-size: 12px;
        padding: 3px 6px 2px;`
    : ``}
`;
export const Badge = styled.div `
  background: #1f74d1;
  border-radius: 4px;
  font-weight: 700;
  font-size: 10px;
  line-height: 16px;
  color: #ffffff;
  text-align: center;
  width: max-content;
  font-family: "Geometria", "Verdana", sans-serif;
  padding: 1px 10px;
  ${(props) => props.sm
    ? `
            font-size: 8px;
            line-height: 14px;
            padding: 2px 6px;`
    : ``}
`;
//# sourceMappingURL=counters.js.map