Как с помощью css изобразить такую кнопку?

Question

[Za Za]

Возможно ли без особых заморочек и кучи кода с привязками svg изобразить такую кнопку


типо надутости кнопки по бокам

Answer 1

[Олег]

Если знаешь толк в извращениях, то приблизительно так

Comments

[Za Za]

ща попробуем

[Za Za]

то что надо!

Answer 2

[Артур]

clip-path

Comments

[Za Za]

чет не понимаю как там углы у ромба скруглить, возможно на маке тачпад какиенить жесты не поддерживает на этом ресурсе

[historydev]

Михаил Лебедев, тач-пад мешает цифры писать?

[Za Za]

Владимир, не знаю как у вас но у нас там только изменить размер холста цифрами можно
в люстре у меня идеально не выходит сделать данную фигуру чтоб ее после перебросить в генератор https://yoksel.github.io/relative-clip-path/ и дальше применить
поэтому и спросил про css без привязки к svg возможно ли это

Answer 3

[Steppp]

Так закинь сам svg код в html)

Comments

[Za Za]

у меня его отрисовать идеально не получается в люстре )))

[Steppp]

Михаил Лебедев, В люстре? Теперь ничего не понятно) Была просто кнопка, теперь еще и люстра)
Так сделай общий контейнер и задай кнопке позицию.
Надеюсь к люстре еще проводов и штор не добавится))) Говори все детали) И еще, можно же нарисовать кнопку, а на псевдо эл повесить люстру)