They’re not clickable, and it only works for manually numbered footnotes (i.e. putting [^4] after your text, but this snippet should allow footnotes to display like you’d expect them to look in live preview mode:
div:not(.cm-active) > span.cm-footref.cm-hmd-barelink,
div:not(.cm-active) > span.cm-footref.cm-hmd-barelink-end {
color: var(--link-color);
font-size: 0.75rem;
padding-left: 0.1rem;
}
div:not(.cm-active) > span.cm-formatting-link {
display: none;
}
Change the font-size variable to scale them to your desired size, and remove the colour line if you want them to be the same colour as the text.