JSFiddle - React, Tailwind, and code Playground

by Tim Noetzel

HTML

<button type="submit" name="sub-avatar-url" id="sub-avatar-url">&ensp;UPLOAD</button>

CSS

button {
	position: absolute;
	width: 80px;
	height: 28px;
	font-size: 13px;
	font-weight: 700;
	line-height: 28px;
	color: #6cb4d5;
	font-family: 'Lato', sans-serif;
	padding: 0;
	border: 0;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-left: 1px solid #CCC;
	background-color: #fff;
    transition: all 0.9s ease-out;
}

button:hover {
	color: #f7f7f7;
	background-color: #6cb4d5;
    outline: 0;
}

button:active {
	color: red;
	background-color: blue;
	outline: 0;
    transition: none;
}