Pseudo-classes don't work :(. What should I do?

Question

css

Good day to all! No pseudo-classes on the link work. Tell me what needs to be done.

<span class = "slide-links">
      <a href = "https://youtube.com" class = "slide-link__item">Получить консультацию</a>
    </span>

.slide-link__item{
        @include adaptive-font(15, 12.5);

        font-weight: 400;
        letter-spacing: 2.5px;
        text-transform: uppercase;
        color: black;

        transition: 750ms;

        &:hover{
            color:rgb(255, 218, 26);
            transition: 500ms;
        }
    }

Answer 1

Everything works on JSFiddle. If it doesn't work for you try this:

.slide-link__item{
        font-weight: 400;
        letter-spacing: 2.5px;
        text-transform: uppercase;
        color: black;

        transition: 750ms;      
    }
    
.slide-link__item:hover{
            color:rgb(255, 218, 26);
            transition: 500ms;
}