Как сделать <'details'> выпадающим при наведении мыши

Кто-нибудь может мне помочь, как сделать детали раскрывающегося при наведении мыши с помощью CSS

Это HTML-код

<details>
  <summary>Sample</summary>

Details of sample
</details>

Мне нужен код CSS, чтобы он выпадал, когда на него наведена мышь, может кто-нибудь помочь мне в этом?

Ответы на вопрос(4)

Ваш ответ на вопрос