h2:not([data-toc-skip]):hover::after,
h3:not([data-toc-skip]):hover::after,
h4:not([data-toc-skip]):hover::after {
  content: "🔗"; /* Or use a Unicode icon, SVG, or font icon */
  margin-left: 5px;
  font-size: 0.8em;
  vertical-align: middle;
  color: inherit;
}

h2:not([data-toc-skip]):hover::after,
h3:not([data-toc-skip]):hover::after,
h4:not([data-toc-skip]):hover::after {
  cursor: pointer;
  opacity: 0.3; /* Fades icon slightly for visual effect */
}

h2:not([data-toc-skip])::after,
h3:not([data-toc-skip])::after,
h4:not([data-toc-skip])::after {
  content: "";
}

h2:not([data-toc-skip]):hover,
h3:not([data-toc-skip]):hover,
h4:not([data-toc-skip]):hover {
    cursor: pointer;
}