.nav{
  display:flex;
  gap: calc(var(--space)*2);
}

.nav__link{
  text-decoration:none;
  color:var(--c-muted);
  padding: calc(var(--space)*1.5) calc(var(--space)*2);
  border-radius: 999px;
}

.nav__link:hover{
  background:#00000008;
  color:var(--c-text);
}

.nav__link.is-active{
  background:#0000000a;
  color:var(--c-text);
}