Здравствуйте! Не меняется цвет ссылки в списке. Помогите найти ошибку, спасибо!
<div class="header__nav-menu">
<ul>
<li><a href="">Главная</a></li>
<li><a href="">О нас</a></li>
<li><a href="">Отрасли</a></li>
<li><a href="">Портфолио</a></li>
<li><a href="">Контакты</a></li>
<li class="header__nav-menu-btn"><a href="">Заказать звонок</a></li>
</ul>
</div>
&__nav {
display: flex;
justify-content: space-between;
padding-top: 42px;
&-menu {
ul {
display: flex;
li {
list-style: none;
margin-right: 30px;
a {
text-decoration: none;
color: $title-color;
font-size: 18px;
font-weight: 500;
font-family: 'Poppins', sans-serif;
}
}
}
ul li:nth-child(6) {
margin-right: 0;
color: #fff;
}
&-btn {
position: relative;
font-size: 16px;
font-weight: 400;
padding: 12px 30px 12px 30px;
background-image: linear-gradient(to right bottom, #653cb8, #5852c8, #4965d5, #3a76e0, #2c87e9);
border-radius: 31.5px;
overflow: hidden;
bottom: 12px;
}
&-btn::after {
content: '';
position: absolute;
width: 71.71px;
height: 86.07px;
top: 0;
right: -21px;
border-radius: 40%;
background: rgba(255, 255, 255, 0.22);
transform: matrix(0.94, 0.25, -0.36, 0.97, 0, 0);
}
}
}