.button {
  position: relative;
  height: 160px;
  width: 100%;
  border: 2px solid white;
  color: white;
  background: transparent;
  padding: 28px;
  cursor: pointer;
  text-align: left;
  padding-top: 100px;
  border-radius: 8px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 24px;
}

.button:hover {
  background-color: white;
  color: black;
}

.button:hover img {
  filter: invert(1);
}

.cornerIcon {
  position: absolute;
  top: 20px;
  right: 20px;
}

.button {
  position: relative;
  height: 160px;
  width: 100%;
  border: 2px solid white;
  color: white;
  background: transparent;
  padding: 28px;
  cursor: pointer;
  text-align: left;
  padding-top: 100px;
  border-radius: 8px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 24px;
}

@media (max-width: 1099px) {
  .button {
    font-size: 18px;
  }
}

.button:hover {
  background-color: white;
  color: black;
}

.button:hover img {
  filter: invert(1);
}

.cornerIcon {
  position: absolute;
  top: 20px;
  right: 20px;
}

Reduce "Read the docs" font-size at smallest breakpoint
[landing] Reduce "Read the docs" font-size at smallest breakpoint

Summary: Reduce the font-size of "read the docs" text so it remains on a single line at narrowest breakpoint.

Test Plan: Looks as expected on Safari/Chrome/Firefox. Stays on single line at narrowest breakpoint.

Reviewers: ashoat

Reviewed By: ashoat

Subscribers: KatPo, palys-swm, Adrian

Differential Revision: https://phabricator.ashoat.com/D1096
