.btn {
  border: 0 !important;
  border-radius: $border-radius !important;
  color: $white !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-family: $RobotoCondensed !important;
  font-weight: 300 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  text-align: center !important;

  &:hover {
    color: $white !important;
  }

  &:not(.theme-fill) {
    background-color: $blue-cta !important;
  }
}

.disabled {
  opacity: 0.3 !important;
}

.bar-btn {
  font-size: $text-6 !important;
  text-transform: uppercase !important;
  font-weight: $bold !important;
  font-family: $RobotoCondensed !important;
  display: block !important;
  padding: 10px 0 !important;
  text-align: center !important;
  text-decoration: none !important;
  cursor: pointer !important;

  &:not(.theme-fill) {
    background: $white !important;
    color: $red !important;

    &:hover {
      background: $red !important;
      color: $white !important;
    }
  }
}

.xs-min-height-btn {
  min-height: 4.4rem;
}