JSFiddle - React, Tailwind, and code Playground

by Damien M

HTML

<div class="conteneur">
		<a href="#" class="button_blue">Un lien</a>
		<a href="#" class="button_blue">Mon lien</a>
	</div>

CSS

body{
	margin : 0;
}
.button_blue{
	color : black;
	text-decoration : none;
	font-family : "Trebuchet MS";
	font-size : 18px;
	display : flex;
	justify-content : center;
	align-items : center;
	border : 1px solid #4b90ce;
	height : 40px;
	transition : 0.3s;
	padding : 0px 10px 0px 10px;
	margin : 10px;
}
.button_blue:hover{
	background-color : #4b90ce;
	color : white;
}
.conteneur{
	display : flex;
	align-items : center;
}