<commit_before>.o-btn {
  /*
  @name Button w/ link styling
  @markup
    <button class="btn btn--link">Lorem ipsum</button>
  */
  background-color: transparent;
  font-size: inherit;
  overflow: visible;
  text-align: left;
}

.o-btn--link {
  @extend %link--arrow;
}

.o-btn--link--inverse {
  @extend %link--arrow;

  color: $primary-light;

  &::before {
    @include icon-button("link-arrow", "white");
    height: $icon-size;
    width: $icon-size;
  }

  &:hover,
  &:visited,
  &:active {
    color: $primary-light;
  }

  &:hover {
    &::before {
      @include icon-button("link-arrow", "white");
      height: $icon-size;
      width: $icon-size;
    }
  }
}

.o-btn--plus {
  @extend %link--plus;
}

.o-btn--contrast {
  color: $primary-contrast;

  &:hover {
    color: $secondary-gray60;
  }
}

.o-btn--block {
  @include icon-button-text-left("forward", "gray")
}

.o-btn--inverted-block {
  @include icon-button-text-left("forward", "gray-inverted")
}

%o-btn {
  @include font-weight($bold-weight);
  background-color: $primary-light;
  color: $primary-dark;
  cursor: pointer;
  display: inline-block;
  font-size: $base-font-size;
  height: $base-whitespace * 4;
  line-height: $base-whitespace * 4;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  width: 100%;
}

.o-btn--transparent {
  @extend %o-btn;
  background-color: transparent;
  height: $base-whitespace * 5;
  line-height: $base-whitespace * 5;
}

.o-btn--white {
  @extend %o-btn;
}

.o-btn--white__label {
  @extend %link--arrow;

  line-height: $base-whitespace * 4;
  padding-left: $base-whitespace;
  width: 100%;
}

.o-btn--white__label-right {
  @extend %link--arrow;

  line-height: $base-whitespace * 4;
  padding-left: calc(#{$base-whitespace - 6px});
  padding-right: $base-whitespace;
  width: 100%;

  &::after {
    display: inline-block;
    float: right;
    margin: 7px 16px;
  }

  &::before {
    display: none;
  }
}

%btn-close {
  position: absolute;
  right: 0;
  top: 0;
}

.o-btn--close {
  @extend %btn-close;
  @include icon-button("close");

  &:hover {
    @include icon-button("close", "red");
  }

  &--info {
    @include icon-button("close", "info");
  }

  &--danger {
    @include icon-button("close", "danger");
  }

  &--warning {
    @include icon-button("close", "warning");
  }
}

.s-btn--nested {
  margin-bottom: $base-whitespace !important;
  margin-top: $base-whitespace !important;
}<commit_msg>Small change to button styling<commit_after>.o-btn {
  /*
  @name Button w/ link styling
  @markup
    <button class="btn btn--link">Lorem ipsum</button>
  */
  background-color: transparent;
  font-size: inherit;
  overflow: visible;
  text-align: left;
}

.o-btn--link {
  @extend %link--arrow;
}

.o-btn--link--inverse {
  @extend %link--arrow;

  color: $primary-light;

  &::before {
    @include icon-button("link-arrow", "white");
    height: $icon-size;
    width: $icon-size;
  }

  &:hover,
  &:visited,
  &:active {
    color: $primary-light;
  }

  &:hover {
    &::before {
      @include icon-button("link-arrow", "white");
      height: $icon-size;
      width: $icon-size;
    }
  }
}

.o-btn--plus {
  @extend %link--plus;
}

.o-btn--contrast {
  color: $primary-contrast;

  &:hover {
    color: $secondary-gray60;
  }
}

.o-btn--block {
  @include icon-button-text-left("forward", "gray")
}

.o-btn--inverted-block {
  @include icon-button-text-left("forward", "gray-inverted")
}

%o-btn {
  @include font-weight($bold-weight);
  background-color: $primary-light;
  color: $primary-dark;
  cursor: pointer;
  display: inline-block;
  font-size: $base-font-size;
  height: $base-whitespace * 4;
  line-height: $base-whitespace * 4;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
  width: 100%;
}

.o-btn--transparent {
  @extend %o-btn;
  background-color: transparent;
  height: $base-whitespace * 5;
  line-height: $base-whitespace * 5;
}

.o-btn--white {
  @extend %o-btn;
}

.o-btn--white__label {
  @extend %link--arrow;

  line-height: $base-whitespace * 4;
  padding-left: $base-whitespace;
  width: 100%;
}

.o-btn--white__label-right {
  @extend %link--arrow;

  line-height: $base-whitespace * 4;
  padding-left: calc(#{$base-whitespace - 6px});
  padding-right: $base-whitespace;
  width: 100%;

  &::after {
    display: inline-block;
    float: right;
    margin: 7px 16px;
  }

  &::before {
    display: none;
  }
}

%btn-close {
  position: absolute;
  right: 0;
  top: 0;
}

.o-btn--close {
  @extend %btn-close;
  @include icon-button("close");

  &:hover {
    @include icon-button("close", "red");
  }

  &--info {
    @include icon-button("close", "info");

    position: absolute;
    right: 0;
    top: 0;
  }

  &--danger {
    @include icon-button("close", "danger");

    position: absolute;
    right: 0;
    top: 0;
  }

  &--warning {
    @include icon-button("close", "warning");

    position: absolute;
    right: 0;
    top: 0;
  }
}

.s-btn--nested {
  margin-bottom: $base-whitespace !important;
  margin-top: $base-whitespace !important;
}
{'fraction_non_alphanumeric': 0.1878212732305259, 'fraction_numerical': 0.010280743376828785, 'mean_word_length': 2.844224924012158, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 7, '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': '1776482', 'n_tokens_mistral': 2045, 'n_tokens_neox': 1947, 'n_words': 374}