.root {
}

.anchor {
  composes: navItem from "coral-ui/shared/typography.css";
  color: var(--palette-grey-dark);
  height: 100%;
  display: inline-flex;
  align-items: center;
  padding: 0 var(--mini-unit);
  text-transform: uppercase;
  text-decoration: none;
  &:hover {
    cursor: pointer;
  }
}

.active {
  composes: navItemActive from "coral-ui/shared/typography.css";
  background-color: var(--palette-brand-main);
  text-decoration: none;
  color: var(--palette-text-light);
}
