How to implement this hover on the block?

Question

css

Hello all layout experts! Tell me how to implement this method when hovering it is also hover? So that both the number and the border area are highlighted by the width of the block. In the picture, the block is highlighted with a frame
Here is an example of my codepen
https://codepen.io/anon/pen/YeVZpY

Answer 1

https://codepen.io/Melagomania/pen/qxmmvw

Answer 2

Slightly modified answer by Maxim
https://codepen.io/anon/pen/qxmjPE