.brand-shell__nav {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.brand-shell__nav a {
  min-height: 38px;
  display: inline-grid;
  place-items: center;
  padding: 0 13px;
  border-radius: 8px;
  color: #334155;
  text-decoration: none;
  font-size: 14px;
  font-weight: 850;
}

.brand-shell__nav a:hover,
.brand-shell__nav a.router-link-active,
.brand-shell__nav a.brand-shell__nav-link--active {
  background: #e2e8f0;
  color: #0f172a;
}

@media (max-width: 720px) {
  .brand-shell__nav {
    overflow-x: auto;
    justify-content: flex-start;
  }
}