.box {
--r:10px;
--g1:rgba(252,252,252,1) 0%, #79aecf;
--g2:#79aecf 0%, rgba(252,252,252,1);
--rg1:transparent 50%,rgba(252,252,252,1) 55%, #79aecf;
--rg2:transparent 50%,#79aecf 55%, rgba(252,252,252,1);
border-radius:calc(2*var(--r));
padding:calc(2*var(--r) + 5px);
background:
radial-gradient(farthest-side at bottom right,var(--rg2)) top left /calc(2*var(--r)) calc(2*var(--r)),
radial-gradient(farthest-side at top right,var(--rg1)) bottom left /calc(2*var(--r)) calc(2*var(--r)),
radial-gradient(farthest-side at bottom left ,var(--rg2)) top right/calc(2*var(--r)) calc(2*var(--r)),
radial-gradient(farthest-side at top left ,var(--rg1)) bottom right/calc(2*var(--r)) calc(2*var(--r)),
linear-gradient(to top ,var(--g2)) top /calc(100% - 4*var(--r)) var(--r),
linear-gradient(to bottom,var(--g1)) bottom/calc(100% - 4*var(--r)) var(--r),
linear-gradient(to right ,var(--g1)) right /var(--r) calc(100% - 4*var(--r)),
linear-gradient(to left ,var(--g2)) left /var(--r) calc(100% - 4*var(--r));
background-repeat:no-repeat;
margin:10px;
width:300px;
height:200px;
box-sizing:border-box;
display:inline-block;
filter:drop-shadow(10px 8px 15px #000);
}
<div class="box"> </div>