Understanding behaviour of blur radius in box-shadow in CSS?

This is the initial box.

I can’t share the image here. So, here’s the link.

This is after I increase blur radius:

Why is blur increasing on all 4 sides even though the shadow was only at bottom and right? What’s the reason behind it?

I’d expect it to be blurred only in bottom and right direction.