Как сделать кнопку как на картинке css?

Question

[Eduard07]

Как правильно сделать мне эту кнопку ?

Answer 1

[Максим]

https://codepen.io/topicstarter/pen/rPQYYQ если надо объяснения спрашивайте

Answer 2

[Дмитрий]

Пример

Answer 3

[KononovD]

https://codepen.io/Kononov_D/pen/omQEEa

Еще вариант

Comments

[Eduard07]

должен фон быть прозрачный, у меня такая же идея была.

[KononovD]

Eduard07, у кнопки фон прозрачный, а у круга можно спокойно подогнать под цвет фона.
Другой вопрос - когда будет фон меняться.

Но по-другому из css не сделать (я не придумал как)

Видел там кто-то svg предлагал, но инлайновые svg - зло и грязь в коде, имхо.

[Eduard07]

KononovD, тоже верно, поэтому я задал вопрос на тостер.