Как при наведении на элемент менять другой?

Question

[Александр Корегин]

У меня проблема с CSS, я сделал 2 кнопки, при наведение на первую вторая меняется; я сделал то же самое, но наоборот и при наведение на второй кнопку, первая не меняется. Как исправить проблему?

HTML-Код

<a class="button__create-account" href="register.html">Регистрация</a>
<a class="button__login-account" href="#">Вход</a>

CSS-Код

.button__create-account:hover + .button__login-account {
    opacity: 0.5;
    transition: all 0.2s ease-in;
}

.button__login-account:hover + .button__create-account {
    opacity: 0.5;
    transition: all 0.2s ease-in ;
}

https://codepen.io/thisall/pen/oNvQxwr

Answer 1

[Дмитрий]

Как вариант, можно сделать так - пример