<commit_before>// sass-lint:disable no-important
@import './variables';

$black: #000;
@font-face {
  font-family: BebasNeue;
  font-weight: normal;
  src: url('/assets/fonts/BebasNeue.otf');
}

*,
::after,
::before {
  box-sizing: border-box;
}

body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin: 0;
}

a {
  &,
  &:hover,
  &:active {
    color: $pv-green;
    display: inline-block;
    margin: 1px 2px;
    text-decoration: none;
  }

  &:focus {
    outline: 1px solid $black;
  }
}

ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

// Global classes
.container {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 680px;
  width: 60%;
  @media(max-width: $mobile-break-point) {
    width: 90%;
  }
}

// Inner Html
.inner-html {
  h2 {
    font-size: 16px;
  }
}


$default-button-color: $white;
$default-button-size: 18px;

.outline-button {
  border: solid 1px $default-button-color;
  color: $default-button-color;
  display: flex !important;
  font-size: $default-button-size;
  height: 40px;
  margin: 20px 0;
  outline-color: $default-button-color;
  padding: 0 !important;
  width: 100%;
}

// Call to action buttons
.cta {
  max-width: 230px;

  &.play-button {
    color: $white;
    display: flex;
    font-size: 40px;
    justify-content: center;
    padding: 0;
  }
}<commit_msg>feat(header): reduce button width for mobile<commit_after>// sass-lint:disable no-important
@import './variables';

$black: #000;
@font-face {
  font-family: BebasNeue;
  font-weight: normal;
  src: url('/assets/fonts/BebasNeue.otf');
}

*,
::after,
::before {
  box-sizing: border-box;
}

body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin: 0;
}

a {
  &,
  &:hover,
  &:active {
    color: $pv-green;
    display: inline-block;
    margin: 1px 2px;
    text-decoration: none;
  }

  &:focus {
    outline: 1px solid $black;
  }
}

ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

// Global classes
.container {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 680px;
  width: 60%;
  @media(max-width: $mobile-break-point) {
    width: 90%;
  }
}

// Inner Html
.inner-html {
  h2 {
    font-size: 16px;
  }
}


$default-button-color: $white;
$default-button-size: 18px;

.outline-button {
  border: solid 1px $default-button-color;
  color: $default-button-color;
  display: flex !important;
  font-size: $default-button-size;
  height: 40px;
  margin: 20px 0;
  outline-color: $default-button-color;
  padding: 0 !important;
  width: 100%;
}

// Call to action buttons
.cta {
  max-width: 230px;

  @media (max-width: $mobile-break-point) {
    max-width: 160px;
  }

  &.play-button {
    color: $white;
    display: flex;
    font-size: 40px;
    justify-content: center;
    padding: 0;
  }
}
{'fraction_non_alphanumeric': 0.16363636363636364, 'fraction_numerical': 0.028321678321678322, 'mean_word_length': 2.940771349862259, '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': '2526261', 'n_tokens_mistral': 1230, 'n_tokens_neox': 1142, 'n_words': 254}