JSFiddle - React, Tailwind, and code Playground

by Scott Kaye

HTML

<button>Test button</button>

SCSS

button {
	background: #efb22d;
	color: #253746;
	padding: 15px 50px;
	border: none;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 16px;
	font-weight: 700;
	font-family: Segoe UI, sans-serif;
	line-height: 14px;
	transition: background 100ms ease;

	&:hover {
		background: #471b3a;
		color: #fff;
		text-shadow: 0 0 7px rgba(#fff, 0.2);
		text-decoration: underline;
	}
}

body {
	background: #253746;
}