Как правильно сверстать такой блок?

Question

[Геннадий]

Всем привет, подскажите пожалуйста как сверстать такой блок ?
joxi.ru/ZrJdE3Ph9bbzL2

Answer 1

[Руслан Галиев]

Как правильно не знаю. Неправильно вот так. :)

Answer 2

[dranets13]

Круг спозиционируйте абсолютом, а каемку сделайте бордером этого круга.

Answer 3

[Геннадий]

каемку не получится сделать бордером, каемка должна быть такого цвета, как фон под этим блоком.

Answer 4

[Николай]

svg маской

Answer 5

[andryhacom1997]

Можно для блока с текстом задать z-index: 1, а для самой кнопки border-radius: 50%;
z-index: 2; для того чтобы кнопка перекрыла блок с текстом + border для кнопки с цветом блока