Как сделать чтобы подчеркивалась одна ссылка?

Question

[Тест Тестов]

<section class="menu">
<nav class="menu__navbar">
    <ul class="menu__navbar__list">
        <li class="menu__navbar__list__point"><a href="#">Кейсы</a></li>
            <li class="menu__navbar__list__point"><a href="#">Отзывы</a></li>
            <li class="menu__navbar__list__point"><a href="#">Порядок работы</a></li>
            <li class="menu__navbar__list__point"><a href="#">Узнать цену</a></li>
        </ul>
</nav>

menu__navbar
        &__list
            display: flex
            justify-content: space-between
            width: 640px
            &__point
                position: relative
                font-size: 26px
                line-height: 30px
                color: $white
                &::after
                   content: ''
                   position: absolute
                   height: 2px
                   width: 100%
                   bottom: 0
                   left: 0
                   right: 0 
                   background: $white
                   transform: scaleX(0)
                   transform-origin: left
                   transition: .2s ease-out
            &:hover .menu__navbar__list__point::after
                transform: scaleX(1)

Как сделать чтобы подчеркивался только 1 пункт меню, а не все сразу при наведении?

Answer 1

[bingumd]

&__point
    ...
   &:hover::after
           transform: scaleX(1)