.dlpa-anchor-nav__pill {
  flex: 1 1 0;
  min-width: 0;
  max-width: 246px;
  height: 40px;
  display: flex;
  align-items: center;
  padding: 0 24px;
  border-radius: 5px 20px 5px 5px;
  background: var(--dlpa-zacht-grijs);
  border: 1px solid var(--dlpa-mid-grijs);
  color: var(--dlpa-blauw);
  transition: background-color 0.15s ease;
}

.dlpa-anchor-nav__pill .dlpa-label {
  color: var(--dlpa-blauw);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dlpa-anchor-nav__pill.is-active,
.dlpa-anchor-nav__pill:hover {
  background: var(--dlpa-paars);
  border-color: var(--dlpa-paars);
}

@media (max-width: 720px) {
  .dlpa-anchor-nav__pill {
    flex: 0 0 auto;
    width: 180px;
  }
}