<commit_before>// Primary mixins
.button-primary-active() {
  background-color: @btn-primary-bg;
  color: @btn-primary-active-color;
  border-color: @btn-primary-bg;
  box-shadow: @btn-active-shadow;
}

.button-primary-hover() {
  .btn-hover-active-color(light, @btn-primary-bg, 5%);
  color: @btn-primary-hover-color;
  box-shadow: @btn-shadow;
}

.button-primary-disabled() {
  background-color: @btn-primary-disabled-bg;
  color: @btn-primary-disabled-color;
  border-color: @btn-primary-disabled-border;
  box-shadow: @btn-disabled-shadow;
}

// Secondary mixins
.button-secondary-active() {
  background-color: @btn-secondary-active-bg;
  color: @btn-secondary-active-color;
  border-color: @btn-secondary-active-border;
  box-shadow: @btn-active-shadow;
}

.button-secondary-hover() {
  background-color: @btn-secondary-hover-bg;
  border: 1px solid @btn-secondary-border;
  color: @btn-secondary-hover-color;
  box-shadow: @btn-shadow;
}

.button-secondary-disabled() {
  background-color: @btn-secondary-disabled-bg;
  color: @btn-secondary-disabled-color;
  border-color: @btn-secondary-disabled-border;
  box-shadow: @btn-disabled-shadow;
}

// Accent mixins
.button-accent-active() {
  background-color: @btn-accent-bg;
  color: @btn-accent-active-color;
  border-color: @btn-accent-bg;
  box-shadow: @btn-active-shadow;
}

.button-accent-hover() {
  .btn-hover-active-color(light, @btn-accent-bg, 5%);
  color: @btn-accent-hover-color;
  box-shadow: @btn-shadow;
}

.button-accent-disabled() {
  background-color: @btn-accent-disabled-bg;
  color: @btn-accent-disabled-color;
  border-color: @btn-accent-disabled-border;
  box-shadow: @btn-disabled-shadow;
}

.btn {
  border-radius: @btn-border-radius;
  font-size: @btn-font-size;
  font-family: @btn-font-family;
  text-transform: @btn-text-transform;
  padding: 4px 15px;
  box-shadow: @btn-shadow;
  .hpe-icon {
    line-height: inherit;
  }
  &:active,
  &.active {
    box-shadow: @btn-active-shadow;
    &:focus,
    &.focus {
      .aspects-outline;
    }
  }
  &:focus,
  &.focus {
    .aspects-outline;
  }
  &:hover {
    box-shadow: @btn-hover-shadow;
  }
  &.btn-lg {
    font-size: @btn-large-font-size;
    padding: 6px 20px;
  }
  &.btn-sm,
  &.btn-xs {
    font-size: @btn-small-font-size;
    padding: 0 10px;
  }
  &.btn-link {
    border: @link-btn-border;
    box-shadow: @link-btn-shadow;
    &:hover {
      text-decoration: @link-btn-hover-text-decoration;
      box-shadow: @link-btn-hover-shadow;
    }
    &:focus {
      text-decoration: @link-btn-focus-text-decoration;
      box-shadow: @link-btn-focus-shadow;
    }
  }
  .hpe-icon {
    line-height: inherit;
  }
}

.float-btn-margins {
  .btn {
    margin-bottom: 5px;
  }
}

.btn-container {
  display: flex;
  align-items: flex-start;

  > .btn, 
  > .btn-group {
    margin-right: 8px;
    &.btn-link {
        margin-right: 0;
    }
  }
}

.btn-primary {
  .button-primary;
}

//New primary style
.button-primary,
.btn-primary {
  background-color: @btn-primary-bg;
  border-color: @btn-primary-border;<commit_msg>Making changes to btn-container (#488)<commit_after>// Primary mixins
.button-primary-active() {
  background-color: @btn-primary-bg;
  color: @btn-primary-active-color;
  border-color: @btn-primary-bg;
  box-shadow: @btn-active-shadow;
}

.button-primary-hover() {
  .btn-hover-active-color(light, @btn-primary-bg, 5%);
  color: @btn-primary-hover-color;
  box-shadow: @btn-shadow;
}

.button-primary-disabled() {
  background-color: @btn-primary-disabled-bg;
  color: @btn-primary-disabled-color;
  border-color: @btn-primary-disabled-border;
  box-shadow: @btn-disabled-shadow;
}

// Secondary mixins
.button-secondary-active() {
  background-color: @btn-secondary-active-bg;
  color: @btn-secondary-active-color;
  border-color: @btn-secondary-active-border;
  box-shadow: @btn-active-shadow;
}

.button-secondary-hover() {
  background-color: @btn-secondary-hover-bg;
  border: 1px solid @btn-secondary-border;
  color: @btn-secondary-hover-color;
  box-shadow: @btn-shadow;
}

.button-secondary-disabled() {
  background-color: @btn-secondary-disabled-bg;
  color: @btn-secondary-disabled-color;
  border-color: @btn-secondary-disabled-border;
  box-shadow: @btn-disabled-shadow;
}

// Accent mixins
.button-accent-active() {
  background-color: @btn-accent-bg;
  color: @btn-accent-active-color;
  border-color: @btn-accent-bg;
  box-shadow: @btn-active-shadow;
}

.button-accent-hover() {
  .btn-hover-active-color(light, @btn-accent-bg, 5%);
  color: @btn-accent-hover-color;
  box-shadow: @btn-shadow;
}

.button-accent-disabled() {
  background-color: @btn-accent-disabled-bg;
  color: @btn-accent-disabled-color;
  border-color: @btn-accent-disabled-border;
  box-shadow: @btn-disabled-shadow;
}

.btn {
  border-radius: @btn-border-radius;
  font-size: @btn-font-size;
  font-family: @btn-font-family;
  text-transform: @btn-text-transform;
  padding: 4px 15px;
  box-shadow: @btn-shadow;
  .hpe-icon {
    line-height: inherit;
  }
  &:active,
  &.active {
    box-shadow: @btn-active-shadow;
    &:focus,
    &.focus {
      .aspects-outline;
    }
  }
  &:focus,
  &.focus {
    .aspects-outline;
  }
  &:hover {
    box-shadow: @btn-hover-shadow;
  }
  &.btn-lg {
    font-size: @btn-large-font-size;
    padding: 6px 20px;
  }
  &.btn-sm,
  &.btn-xs {
    font-size: @btn-small-font-size;
    padding: 0 10px;
  }
  &.btn-link {
    border: @link-btn-border;
    box-shadow: @link-btn-shadow;
    &:hover {
      text-decoration: @link-btn-hover-text-decoration;
      box-shadow: @link-btn-hover-shadow;
    }
    &:focus {
      text-decoration: @link-btn-focus-text-decoration;
      box-shadow: @link-btn-focus-shadow;
    }
  }
  .hpe-icon {
    line-height: inherit;
  }
}

.float-btn-margins {
  .btn {
    margin-bottom: 5px;
  }
}

.btn-container {
  display: flex;
  align-items: flex-start;

  > .btn + .btn,
  > .btn + .btn-group,
  > .btn-group + .btn,
  > .btn-group + .btn-group {
    margin-left: 8px;
    &.btn-link {
        margin-left: 0;
    }
  }
}

.btn-primary {
  .button-primary;
}

//New primary style
.button-primary,
.btn-primary {
  background-color: @btn-primary-bg;
  border-color: @btn-primary-border;
{'fraction_non_alphanumeric': 0.1768018018018018, 'fraction_numerical': 0.005308880308880309, 'mean_word_length': 2.990372272143774, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 9, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1272562', 'n_tokens_mistral': 2460, 'n_tokens_neox': 2406, 'n_words': 361}