@media all and (max-width: 650px) {
  .home-state-meter {
    gap: clamp(0.32rem, 1.8vw, 0.48rem);
    grid-template-columns: repeat(10, minmax(0, 1fr));
    width: 100%;
  }

  .home-state-meter span {
    aspect-ratio: 1;
    border-radius: clamp(4px, 1.5vw, 6px);
    height: auto;
    width: 100%;
  }

  .home-state-legend i {
    height: 1rem;
    width: 1rem;
  }
}