.hero-facts {
  flex-wrap: wrap;
}

.hero-facts > a {
  display: flex;
  flex-direction: column;
  transition: color .2s ease;
}

.hero-facts > a span {
  color: #96989c;
}

.hero-facts > a:hover,
.hero-facts > a:focus-visible {
  color: #ff5360;
}

.hero-facts > a:hover span,
.hero-facts > a:focus-visible span {
  color: #fff;
}

@media (max-width: 560px) {
  .hero-facts > div,
  .hero-facts > a {
    min-width: calc(50% - 1rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-facts > a {
    transition: none;
  }
}