JSFiddle - React, Tailwind, and code Playground

by cvalleskey

HTML

<a href="#" class="btn">Click me</a>

CSS

body {
  font-family: Avenir Next, sans-serif;
}

.btn {
  font-weight: 500;
  background: #BA102C;
background-image: linear-gradient(158deg, #CC4258 0%, #BA102C 100%);
box-shadow: 0 2px 1px 0 rgba(0,0,0,0.10), 0 4px 8px -2px rgba(0,0,0,0.05), 0 8px 16px -4px rgba(0,0,0,0.10);
border-radius: 6px;
color: #FFF;
text-decoration: none;
padding: 1em 1.5em;
display: inline-block;
}