Верстка сложных кнопок адаптив?

Question

[greenzlat]

Есть макет кнопки - выгрузил ее в SVG для примера: https://disk.yandex.ru/d/otvWZHsBLHyT5A
Подскажите как лучше заверстать такую кнопку. Чтобы она была адаптивна в плане того, что такст в ней может быть разной длины и просто делать фоновой картинкой не комильфо.
Мало того что там края имеют как бы 3 закругления - углы и центр, так еще есть подложка такой же формы со смещением.

Помогите пожалуйста с решением?

Comments

[Ankhena]

https://css-tricks.com/using-box-shadows-and-clip-...

Answer 1

[alexalexes]

Если без svg, то можно сделать 3-мя текстурами.
Кнопка будет фиксированной высоты, но безразмерна по горизонтали.

Comments

[greenzlat]

Да такой вариант самый первый пришел на ум. Думал, может есть какое то более интересное решение