JSFiddle - React, Tailwind, and code Playground

HTML

<ul >
<li>
	<div class="box">
		<a href="#">
			<div>NEIN</div>
			<div class="gross">JA</div>
		</a>
	</div>
</li>
<li>
	<div class="box">
		<a href="#">
			<div>NEIN</div>
			<div class="gross"><a href="URI">Verweistext</a></div>
		</a>
	</div>
</li>
</ul>

CSS

ul {
	list-style-type:none;
	margin:0;
	padding:0;
	}
	
li {
	float:left;width:300px; margin:20px 0 0 20px;
	height:200px;
	border: 1px solid #BDBDBD;background:FF0000;
	}

.box {
	width:300px;
	height:200px;
	}

.box a .gross {
	display: none;
	} 

.box a:hover .gross {
	display: block;
	position: relative;
	top: -21px;
	left: -2px;
	background:#FF0000;
	padding:5px;
	width:292px;
	height:192px;
	}