JSFiddle - React, Tailwind, and code Playground

HTML

<div class="curved-hz-1">
</div>

CSS

.curved-hz-1 {
    position:relative;
    width:40%;
    padding:1em;
    margin:2em 10px 4em;
    background:#0000FF;
}
 
.curved-hz-1:before,
.curved-hz-1:after {
    content:"";
    position:absolute;
    z-index:-2;
}
 
.curved-hz-1:before {
    top: 50%;
    bottom: 0;
    left:10px;
    right:10px;
    -webkit-box-shadow:0 0 10px red;
       -moz-box-shadow:0 0 10px red;
            box-shadow:0 0 10px red;
    -moz-border-radius:30px;
         border-radius:30px;
    height: 30px;
}
 
.curved-hz-1 p {
    font-size:16px;
    font-weight:bold;
}