JSFiddle - React, Tailwind, and code Playground

by Denis Plotnikov

HTML

<div id="RLTESTERSFIND" style="position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.25); z-index:9999999;display:flex;align-items:center;justify-content:center;">
	<div style="width:500px;height:250px;overflow:hidden; border-radius:4px; box-shadow:0px 0px 40px #000000; border:1px solid #222222;">
		<div style="width:500px;height:200px; background-image:url(http://st1.craziegames.com/testRL.png);">
		</div>
		<div style="width:500px;height:50px;background-color:#333333; display:flex;align-items:center;justify-content:flex-end;">
		<a target="_blank" href="https://vk.com/rlbetatestersvk" style="text-decoration:none;color:#ffffff;"><div onclick="document.getElementById('RLTESTERSFIND').style.display='none';" onmouseover="this.style.color = '#ffcc00'; this.style.border = '2px solid #ffcc00'; " onmouseleave="this.style.color = '#ffffff'; this.style.border = '2px solid #ffffff'; " style="cursor:pointer; border:2px solid #ffffff; color:#ffffff; font-weight:bold; padding:5px; font-family:Tahoma;  font-size:12px;display:inline-block; margin-right:10px;">УЗНАТЬ ПОДРОБНЕЕ</div></a>
			<div onclick="document.getElementById('RLTESTERSFIND').style.display='none';" onmouseover="this.style.color = '#ffcc00'; this.style.border = '2px solid #ffcc00'; " onmouseleave="this.style.color = '#ffffff'; this.style.border = '2px solid #ffffff'; " style="cursor:pointer; border:2px solid #ffffff; color:#ffffff; font-weight:bold; padding:5px; font-family:Tahoma;  font-size:12px;display:inline-block; margin-right:10px;">ЗАКРЫТЬ</div>
		</div>
	</div>
</div>