Separators/wrappers for footnotes' labels in Rehype

[jetxr]

GitHub uses square brackets for footnotes' labels. Is this configurable/doable in Rehype?

I tried to running remark-gfm's example for the following input:

A note[^1][^2]

[^1]: Test note
[^2]: Test note

And it outputs:

<p>A note<sup><a href="#user-content-fn-1" id="user-content-fnref-1" data-footnote-ref aria-describedby="footnote-label">1</a></sup><sup><a href="#user-content-fn-2" id="user-content-fnref-2" data-footnote-ref aria-describedby="footnote-label">2</a></sup></p>

This looks a bit confusing sometimes (1 2, being confused for 12). How would I configure the labels to be comma separated, or be in brackets (like GitHub's example shows)?

[wooorm]

You can inspect GH interface to see that they use CSS.
We have the exact same structure as GitHub.
Meaning you can use the same CSS.