<div class="layer"></div>
body {
  padding: 200px;
}

.layer {
  width: 140px;
  height: 140px;
  border-radius: 15px;
  background-color: #d8d8ff;
  box-shadow: #b2b1ff 40px 40px, #6563ff 80px 80px;
  transform: rotate(30deg) skewX(-30deg) scaleX(1.15);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.