JSFiddle - React, Tailwind, and code Playground

HTML

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

SCSS

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

        transition: 750ms;

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