.token-links-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.token-links-item {
  color: var(--muted-text-color);
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.token-links-item-social {
  display: inline-flex;
  flex-direction: column;
  gap: 0.45rem;
}

.token-links-item + .token-links-item::before {
  content: "//";
  color: color-mix(in srgb, var(--text-color) 84%, transparent);
  margin: 0 0.55rem 0 0.45rem;
}

.token-links-wrap {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.token-links-wrap::before {
  content: "[";
  color: color-mix(in srgb, var(--text-color) 84%, transparent);
  margin-right: 0.12rem;
}

.token-links-wrap::after {
  content: "]";
  color: color-mix(in srgb, var(--text-color) 84%, transparent);
  margin-left: 0.12rem;
}

.token-links-wrap a {
  color: var(--muted-text-color);
  text-decoration: none;
  padding: 0.1rem 0.28rem;
  border-radius: 6px;
  transition: color 180ms ease, background-color 180ms ease;
}

.token-links-wrap a:hover,
.token-links-wrap a:focus-visible {
  color: var(--accent-color);
  background: color-mix(in srgb, var(--accent-color) 12%, transparent);
}