Узлы дерева стилей с Css

Question

Привет, я пытаюсь создать дерево с Vue js, но я не могу подключиться к узлам, как в этом примере:

https://codepen.io/mlegakis/pen/GmvJmx

Но я не могу так его стилизовать : / Я пробовал множество способов, но ничего не работает

Вот как выглядит мое Дерево сейчас

https://jsfiddle.net/q0b4zrnx/

Мой css выглядит так:

.cmp-node {
    display: flex;
    align-items: center;
}


.arrow-right {
    width: 0;
    height: 0;
    margin-left: 5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #666;
    transition: 0.3s  ease-in-out;
}