JSFiddle - React, Tailwind, and code Playground

by MrRadar

HTML

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>SAMPLE</title>
	<link rel="stylesheet" href="css/main.css">
</head>
<body>
	<header>
		<div class="button">
			<a href="#">Отправить заявку</a>
		</div>
	</header>
</body>
</html>

CSS

body {
	font-family: 'Arial', sans-serif;
	padding: 0;
	margin: 0;
}

.button {
	border: 1px solid #FF7043;
	border-radius: 10px;
	width: 250px;
	text-align: center;
	margin: 40px auto;
	transition: all 0.5s ease;
	
}

a {
	text-decoration: none;
	padding: 10px;
	display: block;
	color: #01579B;
	font-weight: bold;
	text-transform: uppercase;

}

div:hover {
	background: #FF7043;
	border-radius: 10px;
}