.ds-badge {
  align-items: center;
  background-color: var(--ds-color-london-20);
  box-sizing: border-box;
  color: var(--ds-color-london-100);
  display: inline-flex;
  font-family: var(--ds-type-system-sans-lining);
  font-size: var(--ds-type-scale-0);
  font-weight: 500;
  height: 2rem;
  line-height: var(--ds-type-leading-border-link);
  padding: 0.3125rem 0.75rem;
}

.ds-badge--brand {
  background-color: var(--ds-color-economist-red);
  font-size: var(--ds-type-scale--1);
  font-weight: 700;
  text-transform: uppercase;
}

.ds-badge--sub-brand {
  background-color: var(--ds-color-london-100);
  border: solid 0.125rem var(--ds-color-london-20);
  color: var(--ds-color-economist-red);
  font-size: var(--ds-type-scale--1);
  font-weight: 700;
  text-transform: uppercase;
}

.ds-badge--report {
  background-color: var(--ds-color-london-100);
  border: solid 0.0625rem var(--ds-color-economist-red);
  color: var(--ds-color-economist-red);
}
