@import 'variables';

// Bouton & btn //
.btn[href] {
  color: var(--secondary);
}

.btn-default, .btn.btn-icon-text {
  color: var(--secondary);
  background: var(--primary-medium);
  transition: all 0.3s linear;
  @include border-radius;
  text-transform: uppercase;

  .fa {
    color: var(--secondary);
  }
}

.btn-primary {
  @include border-radius;
}

.discourse-no-touch .btn-danger:hover {
  background: var(--danger-hover);
}

.discourse-no-touch .btn:hover .d-icon, .discourse-no-touch .btn.btn-hover .d-icon {
  color: var(--tertiary-hover);
}

.discourse-no-touch .btn:hover, .discourse-no-touch .btn.btn-hover {
  color: var(--secondary);
  background: $header-background;
  border-radius: 5px;
  .fa {
    color: var(--quarternary);
    &:hover {
    color: var(--quarternary);
    }
  }
}

/// button widget ///
.btn-flat .icon {
  color: $primary-low-mid;
}

.btn-flat .d-icon {
  color: $primary-low-mid;
}