drop-shadow()

.fit-shape-shadow { filter: drop-shadow(3rem 0 0.5rem #e486da); }

A drop shadow is a visual effect applied to an object that makes it appear like it is hovering off of the page. There’s a bit of a trick here, in that CSS also allows you to apply drop shadow effects to text and elements. It’s also distinct from the box-shadow property is that it applies drop shadows to the shape of an element rather than the actual box of an element. Skilled designers and developers can take advantage of this to create complicated visual effects.