JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
  <div id="square"></div>
</div>

CSS

#container{
  background-color:white;
  padding:10px;
  margin:10px;
}
#square{
    width: 100px;
    height: 100px;
    margin: 50px;
    border:1px solid pink;
    box-shadow: 
        0 -6px white,
        0 6px white, 
        -7px 0 4px -3px black, 
        7px 0 4px -3px black;
}