.spanish-family-groups li,
.spanish-seven-grid li {
  padding: 0;
  overflow: hidden;
}

.spanish-family-groups li > a,
.spanish-seven-grid li > a {
  display: grid;
  gap: 4px;
  height: 100%;
  padding: 12px;
  color: inherit;
  text-decoration: none;
}

.spanish-seven-grid li {
  min-height: 126px;
}

.spanish-seven-grid li > a {
  padding: 15px;
}

.spanish-family-groups li > a:focus-visible,
.spanish-seven-grid li > a:focus-visible {
  outline: 3px solid #17324a;
  outline-offset: -4px;
}

.spanish-family-groups li em,
.spanish-seven-grid li em {
  margin-top: 6px;
  color: #16765a;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

@media (hover: hover) {
  .spanish-family-groups li > a:hover,
  .spanish-seven-grid li > a:hover {
    background: #fff7cf;
  }
}