<div class="card"></div>

<div class="card2"></div>
.card {
  width: 200px;
  height: 200px;
  border-radius: 50px;
  background: #e0e0e0;
  box-shadow:  20px 20px 60px #bebebe,
    -20px -20px 60px #ffffff;

}


.card2 {
  flex:float;
  width: 200px;
  height: 200px;
  border-radius: 50px;
  background: linear-gradient(145deg, #cacaca, #f0f0f0);
  box-shadow:  20px 20px 60px #bebebe,
    -20px -20px 60px #ffffff;

}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.