анимацию css

Необходимо, что бы при клике на ссылку вырисовывалась линия, попытался менять ширину линии с помощью JS, предварительно установив элементу transition,но не помогло, она просто моментально появляется, при том, что если поменять ширину вручную, то анимация срабатывает

При клике на кнопку 'добавить в корзину',как я понял копия картинки улетает в корзину и исчезаетВот пример

Мой текущий пример SVG анимирован с использованием анимации SVG SMIL:

Есть такого рода анимация: