JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://unpkg.com/balloon-css/balloon.min.css">
<button aria-label="Whats up!" data-balloon-pos="up">Hover me!</button>
<button aria-label="Whats up!" data-balloon-pos="left">Hover me!</button>
<button aria-label="Whats up!" data-balloon-pos="right">Hover me!</button>
<button aria-label="Whats up!" data-balloon-pos="down">Hover me!</button>

CSS

/* Basic page style */
body {
  margin: 50px;
  font-size: 15px;
  background: #fff;
  color: #222;
  font-family: sans-serif;
}

button {
  background: tomato;
  padding: 15px 30px;
  color: #fff;
  font-size: 15px;
  border: none;
  display: block;
  margin: 0 auto 30px;
}