button,
.button,
.btn,
.btn-invert {
  @apply inline-block
    px-4
    text-white
    py-4
    text-center
    leading-none
    font-normal
    text-sm;
  transition: all 0.4s ease;
}
button:hover,
.button:hover,
.btn:hover,
.btn-invert:hover {
  @apply opacity-50;
}
@screen sm {
  button,
.button,
.btn,
.btn-invert {
    @apply text-base;
  }
}
button.invert,
.button.invert,
.btn.invert,
.btn-invert.invert {
  @apply border
      text-white
      border-solid;
  border-color: inherit;
  background-color: transparent !important;
}
button.invert:hover,
.button.invert:hover,
.btn.invert:hover,
.btn-invert.invert:hover {
  @apply text-white;
}
button.negative,
.button.negative,
.btn.negative,
.btn-invert.negative {
  @apply text-white
      border-white
      bg-transparent;
}
button.negative:hover,
.button.negative:hover,
.btn.negative:hover,
.btn-invert.negative:hover {
  @apply text-white;
}

.btn,
.main-header .navbar-right ul li.style-btn,
.main-header .navbar-right ul li.style-btn-invert {
  @apply px-6;
  min-width: 100px;
}

.btn-invert {
  @apply text-white
    border-solid
    border;
  background: transparent !important;
}