JSFiddle - React, Tailwind, and code Playground

HTML

<div class="bloco">
  <h2 class="titulo">
    Titulo
  </h2>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed leo sodales, sollicitudin orci fermentum, dictum erat. Interdum et malesuada fames ac ante ipsum primis in faucibus.
  </p>
  <button class="botao botao-ok">OK</button>
  <button class="botao botao-cancelar">Cancelar</button>
</div>

CSS

@import url(https://fonts.googleapis.com/css?family=Lato:400,300);

* {
  font-family: Lato;
}

.titulo {
  font-weight:300
}

.bloco {
  background-color: #2c3e50;
  box-shadow:0px 0px 20px gray;
  padding: 10px;
  color: #ffffff
}

.botao{
  width:100px;
  height: 30px;
  border:1px solid #ffffff;
  background-color: #ffffff;
}

.botao-ok {
  border:1px solid #27ae60;
  background-color: #27ae60;
  box-shadow:0px 0px 1px #ffffff;
  color:#ffffff
}

.botao-cancelar {
  border:1px solid #e74c3c;
  background-color: #e74c3c;
  box-shadow:0px 0px 1px #ffffff;
  color:#ffffff
}