Как сверстать блок с непрозрачным фоном и галочкой?

Question

[Tsuintora]

Здравствуйте! Скажите пожалуйста, как сверстать этот блок? Пробовал разными способами (включая clip-path). Фон непрозрачный, например rgba(0, 0, 0, 0.5).

Большое спасибо за потраченное время!

Answer 1

[Арсений Матыцин]

1. Фон прозрачный. Непрозрачный = полная заливка.
2. Бери SVG, не прогадаешь.

UPD, чтобы не возиться с расчетами, ты можешь сделать закругление псевдоэлементами и использовать тогда gif\png\svg (актуально, если высота не меняется, а только ширина надписи).