.z8jaw40 {
  border-radius: var(--j43jru1g);
  background-color: var(--_1hrvgw16);
  block-size: 4.75em;
  color: var(--_1hrvgw10);
  font: var(--yd51gx7);
  justify-content: space-between;
  align-items: center;
  transition: background-color .2s ease-out;
  display: flex;
}

.z8jaw40:hover {
  background-color: var(--_1hrvgw17);
}

.z8jaw40:focus-visible {
  background-color: var(--_1hrvgw19);
}

.z8jaw41 {
  grid-gap: var(--j43jru12);
  row-gap: var(--j43jru15);
  grid-template-columns: 1fr;
  display: grid;
}

.z8jaw42 {
  display: none;
}

@media screen and (min-width: 800px) {
  .z8jaw41 {
    grid-template-columns: repeat(3, 1fr);
  }
}