<commit_before>.icon-button {
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  background: none;
  border-radius: 50%;
  border: var(--border-width) solid var(--white);
  box-shadow: 0 0 var(--spacing-small) var(--white);
  cursor: pointer;
  display: flex;
  height: var(--cmp-icon-button-radius);
  justify-content: center;
  outline: 0;
  padding: 0;
  stroke: var(--white);
  transition-duration: var(--timing-fast);
  transition-property: stroke, transform;
  transition-timing-function: ease-in-out;
  width: var(--cmp-icon-button-radius);
}

.icon-button svg {
  --radius: calc(var(--cmp-icon-button-radius) / 8 * 3);

  fill: none;
  height: var(--radius);
  pointer-events: none; /* Fixes bug with silent button */
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: var(--border-width-thick);
  width: var(--radius)  ;
}

.icon-button--slide-in {
  animation-direction: reverse;
  animation-duration: var(--timing-base);
  animation-fill-mode: forwards;
  animation-name: slide-down;
  animation-timing-function: ease-in-out;
  transform: translateY(100vh);
}<commit_msg>feat(icon-button): Add hover and focus states<commit_after>.icon-button {
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  background: none;
  border-radius: 50%;
  border: var(--border-width) solid var(--white);
  box-shadow: 0 0 var(--spacing-small) var(--white);
  cursor: pointer;
  display: flex;
  height: var(--cmp-icon-button-radius);
  justify-content: center;
  outline: 0;
  padding: 0;
  stroke: var(--white);
  transition-duration: var(--timing-fast);
  transition-property: background-color, box-shadow, stroke, transform;
  transition-timing-function: ease-in-out;
  width: var(--cmp-icon-button-radius);
}
@media (min-width: 768px) {
  .icon-button:focus,
  .icon-button:hover {
    box-shadow: none;
    background-color: var(--white);
    stroke: var(--blue-dark);
  }
}

.icon-button svg {
  --radius: calc(var(--cmp-icon-button-radius) / 8 * 3);

  fill: none;
  height: var(--radius);
  pointer-events: none; /* Fixes bug with silent button */
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: var(--border-width-thick);
  width: var(--radius)  ;
}

.icon-button--slide-in {
  animation-direction: reverse;
  animation-duration: var(--timing-base);
  animation-fill-mode: forwards;
  animation-name: slide-down;
  animation-timing-function: ease-in-out;
  transform: translateY(100vh);
}
{'fraction_non_alphanumeric': 0.1702559934985778, 'fraction_numerical': 0.010158472165786265, 'mean_word_length': 3.6278195488721803, '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': '5614267', 'n_tokens_mistral': 893, 'n_tokens_neox': 856, 'n_words': 176}