CSS Инвертировать цвета в прозрачном элементе SVG ⇐ CSS

[Anonymous]

В моем html есть прозрачный круг SVG. Мне нужно инвертировать цвета в этом круге SVG, чтобы я увидел черный круг с голубым текстом.
Я пытался установить заливку .cursor__inner на прозрачную с помощью фильтра invert( 1) (как вы можете видеть в фрагменте кода), но это не сработало.

Код: Выделить всё

.cursor {
position: absolute;
top: 0;
left: 0;
}
.cursor__inner {
fill: transparent;
filter: invert(1);
}
p {
color: red;
}

Код: Выделить всё

Hello World!

Я хочу добиться такого эффекта:


Я предпочитаю решение на чистом CSS.

Подробнее здесь: https://stackoverflow.com/questions/692 ... vg-element