Почему hover-эффект у меня не срабатывает на карточке?

Почему hover-эффект у меня не срабатывает на карточке? 🧐

Навожу мышку — и ничего не происходит.

1
2
3

<div class="card">
  <p>Содержимое</p>
</div>

1
2
3
4
5
6
7
8
9

.card {
  background: white;
  padding: 20px;
}

.card:hover {
  background: lightblue;
  cursor: pointer;
}

Код вроде элементарный, но никакой реакции на наведение. Уже заколдовался... Это что, баг браузера? 😩