JSFiddle - React, Tailwind, and code Playground

by Abner Rodrigues

HTML

<div id="root">
  <button id="botao1">
    Escolha 1
  </button>
  <select>
      <option>Dado 1</option>
      <option>Dado 2</option>
      <option>Dado 3</option>
  </select>

  <button id="botao2">
    Escolha 2
  </button>
  <select>
      <option>Dado 1</option>
      <option>Dado 2</option>
      <option>Dado 3</option>
  </select>
</div>

SCSS

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

#root {
  padding: 2em;
  display: flex;
  flex-direction: column;
}

button {
  color: blue;
  font-size: 26px;
  margin-top: 2em;
  cursor: pointer;
  background: transparent;
  border: 0;
  
  &:first-child {
      margin-top: 0;
  }
}