Реализация
1. Создали в Zero Block зелёный шейп
![](https://static.tildacdn.com/tild3535-3263-4639-b463-386166323831/Screenshot_2022-02-1.jpg)
2. В Figma нарисовали зелёный прямоугольник с плавно выступающим полукругом посередине снизу, сохранили как .svg
![](https://static.tildacdn.com/tild6136-3733-4065-b434-366233303763/Screenshot_2022-02-1.jpg)
3. Поместили прямоугольник .svg над шейпом так, чтобы совпадали границы с шейпом. Над зелёным шейпом поместили белую кнопку.
![](https://static.tildacdn.com/tild3763-3765-4862-a461-393139663766/Screenshot_2022-02-1.jpg)
4. К прямоугольнику .svg добавили анимацию: при наведении на кнопку растягивание по горизонтали на 130-150%, Ease In Out.
![](https://static.tildacdn.com/tild3934-6639-4130-b831-333932313565/Screenshot_2022-02-1.jpg)
Готово! Получаем лёгкую и плавную анимацию.
![](https://static.tildacdn.com/tild6237-3864-4633-a462-323666626237/button-animation.gif)