How to animate an SVG line?

Question

SVG

There is such an SVG. I'm trying to draw on hover.
But usually when animating SVG they use "dash", but here it does not work. Can someone tell me how to do it?

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>

Answer 1

it's not entirely clear how exactly you want to animate, maybe this is how it works - it works on the hover of the svg area