JSFiddle - React, Tailwind, and code Playground

by phloe

HTML

<link rel="stylesheet" href="https://www.dr.dk/global/publik.css">

<button>Click here if you want to win</button>

CSS

html {
  font-family: Publik;
}

button {
  padding: 0.4rem 1rem;
  border: none;
  background: blue;
  color: white;
  font-size: calc((1rem / 0.69));
  line-height: 1.2rem;
}

button::before {
  content: "";
  display: inline-block;
  width: 0px;
  height: 1.2rem;
  vertical-align: middle;
  outline: 1px solid red;
}