<div class="box"></div>
body {
  width: 100vw;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(174deg, #FFFFFF 0%, #F2F2EC 100%);
}
.box {
  width: 133px;
  height: 133px;
  border-radius: 100%;
  background: rgba(255,255,255,0.00);
background-image: linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0.00) 100%);
box-shadow: -5px -5px 15px 0 #FFFFFF, 5px 5px 15px 0 #D7D5D1, inset 0 -2px 2px 0 rgba(0,0,0,0.10), inset 0 -20px 15px 0 rgba(226,223,221,0.50);
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.