How to start an svg animation on hover over a block?

Question

css

Good day.

There is an svg image and a CSS animation created for it.

How to make the animation start when hovering over the parent block .block?
The difficulty is that each line in the picture has its own animation assigned.

Link to example - https://jsfiddle.net/bagc52tw/1/

Thanks for the help!

Answer 1

So write
.block:hover .arbitrazh-19 {animation: и т.д.}