Как изменить декоративный элемент before?

Question

[narem]

У ссылки есть такой элемент

.slide-details::before{
	content: '';
	width: 220px;
	height: 8px;
	background-color: var(--six-color);
	display: block;
	position: absolute;
	z-index: -1;
	top: 7px;
}

Я хочу что бы при наведении на .slide-details менялась высота.
Пишу .slide-details:hover .slide-details::before
Но почему-то не срабатывает. Как сделать правильно?

Answer 1

[re_quest]

.slide-details:hover::before {
    // стили при наведении
}

Answer 2

[Дмитрий]

.slide-details:hover::before