box multi shadow

by Alexander Sevirinov

HTML

<div class="test">test box</div>

CSS

body {
  background: #ccc
}
.test {
  width: 400px;
  height: 400px;
  background-image: linear-gradient(130deg, rgba(195, 58, 202, .1) 0%, rgba(85, 208, 244, .1) 100%);
  border-radius: 50px;
  margin: 40px;
  padding: 20px;
  box-shadow:
  0px -6px 0px 0px rgba(195, 58, 202, .9),
  0px 6px 0px 0px rgba(85, 208, 244, .9),
  -3px -3px 0px 3px rgba(195, 58, 202, .5),
  -3px 3px 0px 3px rgba(85, 208, 244, .9),
  3px -3px 0px 3px rgba(195, 58, 202, .5),
  3px 3px 0px 3px rgba(85, 208, 244, .9),
  inset 0px 2px 3px 1px rgba(0,0,0, .2),
  inset 0px 3px 3px 1px rgba(0,0,0, .1),
  inset 2px 0px 3px 1px rgba(0,0,0, .2),
  inset 3px 0px 3px 1px rgba(0,0,0, .1),
  inset 0px -2px 3px 1px rgba(255,255,255, .3),
  inset 0px -3px 3px 1px rgba(255,255,255, .2),
  inset -2px 0px 3px 1px rgba(255,255,255, .3),
  inset -3px 0px 3px 1px rgba(255,255,255, .2),
  0px 6px 3px 3px rgba(0,0,0, .2),
  0px 3px 3px 3px rgba(0,0,0, .1),
  6px 0px 3px 3px rgba(0,0,0, .2),
  3px 0px 3px 3px rgba(0,0,0, .1),
  0px -6px 3px 3px rgba(255,255,255, .3),
  0px -3px 3px 3px rgba(255,255,255, .2),
  -6px 0px 3px 3px rgba(255,255,255, .3),
  -3px 0px 3px 3px rgba(255,255,255, .2)
  ;
}