CSS 3 make circle bottom shadow full

Question

Hello I have a problem with a circle, I want to create a separation effect. I use box-shadow property: box-shadow: 0 1px 0 rgba(0,0,0,.2);. As you can see in the picture, the shadow on the left and right is reduced, and the shadow below is full

Sandbox: https://jsbin.com/wanisewotu/edit?html,css
How I can make box-shadow full and left and right?

Answer 1

you can use multiple box-shadow for each side

 box-shadow: 12px 0 0px 0px rgba(0,0,0,.2), -12px 0 0px 0px 
 rgba(0,0,0,.2);