JSFiddle - React, Tailwind, and code Playground

by petroveg

HTML

<form action="">
	<input type="text">
	<button type="submit">Отправить сообщение</button>
</form>

CSS

form{
	margin:0;
}
input[type="text"],
button{
	outline:0;
	font:inherit;
	font-size:16px;
	transition:ease-in-out .3s;
	-webkit-transition:ease-in-out .3s;
	-moz-transition:ease-in-out .3s;
	-ms-transition:ease-in-out .3s;
	-o-transition:ease-in-out .3s;
}
input[type=text]{
	margin:0;
	width:266px;
	height:42px;
	padding:0 10px;
	border:1px solid #000;
}
input[type="text"]:focus{
	border-color:#00a7ff;
}
button{
	width:196px;
	height:44px;
	margin:0;
	padding:0;
	border:0;
	color:#fff;
	background:#00a7ff;
	cursor:pointer;
}
button:focus,
button:hover{
	background:#156998;
}