JSFiddle - React, Tailwind, and code Playground
by Tan
HTML
<div id="pop">
<div id="cross"></div>
</div>CSS
#cross {width:30px;height:30px;border-radius:500px;border:2px solid darkorange;position:absolute;background-color:white;right:-15px;;top:-15px;}
#cross::before {content:"X";
position:absolute;
line-height:32px;
left: 50%;
transform: translate(-50%, 0);
font-size:16px;
font-family:Arial;
color:darkorange;
font-weight:bold;
}
#pop { margin:50px;
position:relative;width:300px;height:300px;border:2px solid darkorange;border-radius:3px;}