JSFiddle - React, Tailwind, and code Playground

HTML

<div class="soft-element soft-shadow"></div>

CSS

body {
  background: #15184d;
    display: flex;
    justify-content: center;
    align-items: center;
}

.soft-element {
  border-radius: 124px;
  background: linear-gradient(145deg, #131645, #161a52);
  box-shadow: 7px 7px 14px #10133c,
    -7px -7px 14px #1a1d5e;
  text-align: center;
  width: 150px;
  height: 150px;

}