JSFiddle - React, Tailwind, and code Playground

by zlojnaxa

HTML

<div class="Video">
	<video id="recVideo" src="https://vk.com/doc116627315_465462564?hash=a7c17e6e28ad0a9613&dl=b2811b69652edbea1c" controls></video>
</div>
<div class="input-group-btn">
	<a href="https://vk.com/doc116627315_465462564?hash=a7c17e6e28ad0a9613&dl=b2811b69652edbea1c"><div class="download">Download</div></a>
</div>

CSS

html, body{margin: 0px 0px 0px 0px;width:  100%;background: #c2ffc4;}

.Video{
	width: 400px;
	height: 230px;
	margin-bottom: 20px;
}

.download{
	width:  100px;
	height:  30px;
	background: #9C27B0;
	cursor:  pointer;
	color:  #fff;
	text-align:  center;
	margin-left: 10px;
	line-height: 26px;
}

a{
	text-decoration: none;
}

video{
	width: 100%;
	height: 100%;
}