/*------------------------------------------------------------
BUTTONS
====================================*/

/* Variables Custom */
$btn-hover-box-shadow:              0px 5px 10px rgba(0,0,0,0.16);

$btn-font-weight: $font-weight-sbold;
/***************************************/

.btn {
  text-transform: uppercase;
  text-decoration: none;
  font-weight: $btn-font-weight;
  letter-spacing: 0.42px;
  &:not(:disabled):not(.disabled):hover {
    box-shadow: $btn-hover-box-shadow;
  }
}
.btn-primary {
  &:hover {
    background: $primary-hover;
    border-color: $primary-hover;
  }
  &.disabled,
  &:disabled {
    &:hover {
      background: $primary;
      border-color: $primary;
    }
  }
}
.btn-secondary {
  &:hover {
    background: $secondary-hover;
    border-color: $secondary-hover;
  }
  &.disabled,
  &:disabled {
    &:hover {
      background: $secondary;
      border-color: $secondary;
    }
  }
}

.btn-light {
  color: $secondary;
  background: $white;
  border-color: $white;
  &.disabled, &:disabled {
    color: $secondary;
    background: $white;
  }
  &:hover {
    color: $secondary;
    background: $white;
    border-color: $light;
  }
}
.btn-outline-light {
  color: $secondary;
  border-color: $white;
  &.disabled, &:disabled {
    color: $secondary;
    border-color: $white;
    &:hover {
      background: transparent;
      box-shadow: none;
    }
  }
  &:hover {
    color: $secondary;
    background: $white;
    border-color: $light;
  }
}

.btn-sm {
  letter-spacing: 0.36px;
}

.btn-lg {
  letter-spacing: 0.48px;
}
