JSFiddle - React, Tailwind, and code Playground

by Andrea Scanu

HTML

<div class="warn"></div>

CSS

.warn {
-moz-border-radius: 99px 10px;
-webkit-border-radius: 99px 10px 99px 10px;
border-radius: 99px 10px;
-moz-box-shadow: inset 0px 0px 20px #000000;
-webkit-box-shadow: inset 0px 0px 20px #000000;
box-shadow: inset 0px 0px 20px #000000;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#1a395c', endColorstr = '#040a21');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#1a395c', endColorstr = '#040a21')";
background-image: -moz-linear-gradient(top, #1a395c, #040a21);
background-image: -ms-linear-gradient(top, #1a395c, #040a21);
background-image: -o-linear-gradient(top, #1a395c, #040a21);
background-image: -webkit-gradient(linear, center top, center bottom, from(#1a395c), to(#040a21));
background-image: -webkit-linear-gradient(top, #1a395c, #040a21);
background-image: linear-gradient(top, #1a395c, #040a21);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
opacity: 0.94;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 94);
filter: alpha(opacity = 94);
height: 150px;
width:300px;
}