I need to show a `span` on hover of link and hide it on mouseout after 2 seconds. Below is the code what I have done. This can be done using JS. However, I need **CSS only solution**. 

The current speed to show the span is perfect. I just need to hide it on mouseout after 2 seconds.

```css
.hoverBox span {
  opacity: 0;  
  transition: opacity 0.5s;
}
.hoverBox:hover span {
  opacity: 1;  
}
```

```html
<div class="hoverBox">Mouse hover <span>Hello</span></div>
```