<commit_before>.u-btn {
  @include typeSetting(1, semi-bold, uppercase);
  appearance: none;
  background-color: siteColor(primary-green);
  border: 1px solid siteColor(primary-green);
  border-radius: 2px;
  color: siteColor(vam-black);
  cursor: pointer;
  display: inline-block;
  margin: 10px 10px 10px 0;
  outline: 0;
  padding: 15px 25px;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  transition: border .2s, background-color .2s, color .2s;

  &:hover {
    background-color: darken(siteColor(primary-green), 10);
    border-color: darken(siteColor(primary-green), 10);
    color: inherit;
    text-decoration: none;
  }

  &--arrowed {
    padding-right: 35px;
    position: relative;

    &::after {
      border: 4px solid transparent;

      border-left-color: currentColor;
      content: '';
      display: inline-block;
      margin-top: -5px;
      position: absolute;
      right: 20px;
      top: 50%;
    }
  }

  &--black {
    background-color: siteColor(vam-black);
    border: 1px solid siteColor(vam-black);
    color: siteColor(vam-white);

    &:hover {
      background-color: lighten(siteColor(vam-black), 10);
      border: 1px solid lighten(siteColor(vam-black), 10);
    }
  }

  &--micro {
    padding: 6px 10px;

    &.u-btn--arrowed {
      padding-right: 20px;

      &::after {
        right: 8px;
      }
    }
  }

  &--outlined {
    background-color: rgba(siteColor(vam-white), .8);
    border-color: siteColor(vam-grey-6);
    color: siteColor(vam-black);

    &--primary {
      background-color: rgba(siteColor(vam-black), .8);
      border-color: siteColor(primary-green);
      color: siteColor(vam-white);
    }

    &--black {
      background-color: rgba(siteColor(vam-black), .8);
      border-color: siteColor(vam-grey-8);
      color: siteColor(vam-grey-8);
    }

    &:hover {
      background-color: transparent;
      border-color: siteColor(vam-grey-4);
    }
  }
}
<commit_msg>add u-btn--outlined--black button modifier, for homepg collections module design<commit_after>.u-btn {
  @include typeSetting(1, semi-bold, uppercase);
  appearance: none;
  background-color: siteColor(primary-green);
  border: 1px solid siteColor(primary-green);
  border-radius: 2px;
  color: siteColor(vam-black);
  cursor: pointer;
  display: inline-block;
  margin: 10px 10px 10px 0;
  outline: 0;
  padding: 15px 25px;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  transition: border .2s, background-color .2s, color .2s;

  &:hover {
    background-color: darken(siteColor(primary-green), 10);
    border-color: darken(siteColor(primary-green), 10);
    color: inherit;
    text-decoration: none;
  }

  &--arrowed {
    padding-right: 35px;
    position: relative;

    &::after {
      border: 4px solid transparent;

      border-left-color: currentColor;
      content: '';
      display: inline-block;
      margin-top: -5px;
      position: absolute;
      right: 20px;
      top: 50%;
    }
  }

  &--black {
    background-color: siteColor(vam-black);
    border: 1px solid siteColor(vam-black);
    color: siteColor(vam-white);

    &:hover {
      background-color: lighten(siteColor(vam-black), 10);
      border: 1px solid lighten(siteColor(vam-black), 10);
    }
  }

  &--micro {
    padding: 6px 10px;

    &.u-btn--arrowed {
      padding-right: 20px;

      &::after {
        right: 8px;
      }
    }
  }

  &--outlined {
    background-color: rgba(siteColor(vam-white), .8);
    border-color: siteColor(vam-grey-6);
    color: siteColor(vam-black);

    &--primary {
      background-color: rgba(siteColor(vam-black), .8);
      border-color: siteColor(primary-green);
      color: siteColor(vam-white);
    }

    &--black {
      background-color: rgba(siteColor(vam-black), .8);
      border-color: siteColor(vam-grey-8);
      color: siteColor(vam-grey-8);

      &:hover {
        background-color: siteColor(vam-grey-8);
        border-color: siteColor(vam-black);
        color: siteColor(vam-black);
      }
    }

    &:hover {
      background-color: transparent;
      border-color: siteColor(vam-grey-4);
    }
  }
}

{'fraction_non_alphanumeric': 0.14693088448525857, 'fraction_numerical': 0.023924601256645722, 'mean_word_length': 2.6434859154929575, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '1873428', 'n_tokens_mistral': 1562, 'n_tokens_neox': 1436, 'n_words': 285}