.button,
.btn a,
a.btn,
.search-submit,
.btn-invert {
  @apply
    py-3
    text-white
    px-5
    inline-block
    justify-center
    items-center
    text-center
    font-normal
    text-sm;

  transition: all 0.4s ease;
  line-height: 1.5 !important;

  &:hover {
    @apply
      opacity-50;
  }

  @screen sm {
    @apply text-base;
  }

  // * PRIMARY OUTLINE *
  &.invert {
    @apply
      border
      border-solid;

    background-color: transparent !important;
  }

  // * WHITE OUTLINE *
  &.negative {
    @apply
      text-white
      border-white
      bg-transparent;

    &:hover {
      @apply
        text-white;
    }
  }
}

.btn a,
.main-header .navbar-right ul li.style-btn,
.main-header .navbar-right ul li.style-btn-invert {
  @apply
    px-6
    flex
    justify-center;

  min-width: 100px;
}

.btn-invert {
  @apply
    text-white
    border-solid
    border;

  background: transparent !important;
}
