Как анимировать SVG-линию?

Question

[NewUser4242]

Есть такая SVG. Пытаюсь сделать прорисовку при наведении.
Но обычно при анимации SVG используют "тире", а тут это не работает. Может кто подскажет как сделать?

spoiler

<svg  width="21" height="162" viewBox="0 0 21 162" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <line x1="10.5" y1="12" x2="10.5" y2="159" stroke="#D2D7E1" stroke-width="2" stroke-linecap="round"
                                  stroke-dasharray="5 8"/>
                            <path d="M20 150L10.5 160.5L1.5 150" stroke="#D2D7E1" stroke-width="2" stroke-linecap="round"
                                  stroke-linejoin="round"/>
                            <circle cx="10" cy="6.5" r="5.5" transform="rotate(90 10 6.5)" stroke="#D2D7E1" stroke-width="2"/>
                        </svg>

Comments

[Максим]

https://codepen.io/topicstarter/pen/yLMpKdd вот так можно