JSFiddle - React, Tailwind, and code Playground

HTML

<button id="add_question" class="extra-questions minor-action">{% trans "Lägg till ny" %}</button>

SCSS

.minor-action {
  display: inline-block;
  background: pink;
  color: white;
  padding: 0 1.2em;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  border: none;
  height: 25px;
  margin-top:1.0em;
  line-height:25px;
  white-space: nowrap;
  &:visited {
    color: white;
  }
  &:hover, &:active, &:focus {
    background-color: pink;
    text-decoration: none;
  }

  &.call-to-action {
    background-color: pink;
    &:hover, &:active, &:focus {
      background-color: pink;
      text-decoration: none;
    }
  }
}

.extra-questions {
  margin-top: 0em;
}