div.buttonWrapper {
  --min-width: 18rem;
  grid-gap: 1.5rem;
  grid-template-columns: repeat(auto-fill, minmax(var(--min-width), 1fr));
}

img.homeIcon {
  margin-top: 1.5rem;
  width: 100%;
}

#howtoSeeWrapper {
  margin-top: 2rem;
  width: 100%;
  max-width: 50rem;
  display: flex;
  justify-content: flex-end;
}

#ttButton {
  background-color: var(--color-primary-fill); /* revert home.css special case */
}

@media screen and (max-width: 42rem) {
  div.buttonWrapper {
    --min-width: 12rem;
    grid-gap: 0.5rem;
  }
}

@media screen and (max-width: 32rem) {
  div.buttonWrapper {
    --min-width: 9rem;
    grid-gap: 0.5rem;
  }

  button.home {
    padding: 0.5rem;
  }
}