Как создать фигуру SVG с закругленными углами и отступом в правом нижнем углу ⇐ CSS

[Anonymous]

Мне нужна помощь в создании конкретной формы SVG для моего дизайна пользовательского интерфейса, но я изо всех сил пытаюсь сделать это правильно, используя только код пути CSS или SVG.
Вот что я ищу для:
Прямоугольника с закругленными углами.
В правом нижнем углу должен быть отступ, похожий на закругленный вырез или внутреннюю кривую, вместо стандартного закругленного угла. край.
В идеале я хотел бы применить к этой фигуре фильтр размытия или фона, чтобы он влиял только на область внутри фигуры, не размывая весь контейнер.
Может кто-нибудь поможет мне создать путь SVG, обеспечивающий этот эффект? Или предложите способ применить фоновый фильтр к определенной фигуре SVG? Будем очень признательны за любые советы и примеры!
Заранее спасибо!
[img]https://i.sstatic. net/f5jfDiS6.png[/img]

Я пробовал использовать CSS border-radius и clip-path, но не смог получить именно тот эффект отступа на углу, который мне нужен. Я также экспериментировал с SVG, но мои попытки с командами пути не привели к желаемой форме.

Подробнее здесь: https://stackoverflow.com/questions/791 ... -right-cor