.class-ismi:hover{
background-color:white;
color:black!important;
}şunu deneyebilir misiniz.
Muhtemelen içindeki yazı farklı bir tag almıştır. Şöyle uygulayabilirsiniz,
.kutu:hover { background: #fff }
.kutu:hover a { color: #202020!important }
Kendinize göre düzenlersiniz elemanları a tagi değilde span vs olabilir.
Hepsinin yapmama rağmen çalışmıyor. arka plan komple beyaz oluyor. içerisinde bulunanların displayini flex yaptığımda bir nebze düzeliyor fakat bu sefer cardın yapısı komple bozuluyor.