Как сделать дочерний компонент видимым только при наведении курсора на родительский компонент в FluentUI + React? ⇐ CSS

[Anonymous]

StackBlitz здесь
Я пытаюсь создать компонент карточки, представляющий элемент, который можно удалить, и хочу, чтобы кнопка удаления была видна только при наведении курсора на карточку.< /p>
Согласно тому, что я нашел, этот стиль должен помочь, но кнопка удаления упорно остается скрытой.

Код: Выделить всё

const styles = makeStyles({
itemContainer: { }
buttonContainer: {
visibility: "hidden",
},
"&:hover .buttonContainer": {
visibility: "visible",
},
});

// later in that same scope...

 {
// load item
}}
>


}
/>

Что я здесь делаю не так?


Подробнее здесь: https://stackoverflow.com/questions/791 ... d-in-fluen