JSFiddle - React, Tailwind, and code Playground

by Amens

HTML

<div class="buttons">
  <button>Test</button>
</div>

SCSS

@import url('https://fonts.googleapis.com/css?family=Cinzel');

$font-primary: 'Cinzel';

$ui-bg-color: #333;
$ui-font-color: #EEE;
$ui-border: 1px solid #EEE;

$btn-default-padding: 10px 20px;


.buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

button, a.btn {
  box-sizing: border-box;
  background: $ui-bg-color;
  font-family: $font-primary;
  border: $ui-border;
  color: $ui-font-color;
  padding: $btn-default-padding;
}