.box-links-listing__list {
  --box-link-list-columns: 1;
  display: grid;
  grid-template-columns: repeat(var(--box-link-list-columns), 1fr);
  margin-bottom: 0;
}

.box-links-listing__list .box-links-listing__list-item {
  margin-bottom: 0;
  margin-left: -1px;
}

@media screen and (min-width: 768px) {
  .box-links-listing__list {
    --box-link-list-columns: 2;
  }
}

@media screen and (min-width: 1024px) {
  .box-links-listing__list {
    --box-link-list-columns: 5;
  }
}

.box-link {
  display: flex;
  flex-direction: column;
  padding: var(--spacing);
  align-items: center;
}

.box-link > * {
  margin: 0;
  padding: 0;
}

.box-link__title {
  margin-top: auto;
}

.lgd-page-section .box-link {
  background-color: var(--color-white);
  border-color: var(--color-grey-medium);
}

.lgd-page-section a.box-link__link {
  display: inline-block;
  line-height: var(--line-height-small);
  text-decoration: none;
  color: var(--color-accent);
}

.box-link:hover,
.box-link:focus-within {
  background-color: var(--color-accent);
  border-color: var(--color-accent);
  a.box-link__link {
    color: var(--color-white);
  }
}

.box-link.box-link--featured {
  background-color: var(--color-accent);
  border-color: var(--color-accent);
  color: var(--color-white);
}
.box-link.box-link--featured a.box-link__link {
  color: var(--color-white);
}

.box-link svg {
  width: 100px;
  height: 100px;
}

.box-link svg path,
.box-link svg {
  rect,
  path,
  polygon {
    fill: var(--color-accent-light);
  }
  .selected {
    fill: var(--color-accent);
  }
}

.box-link.box-link--featured svg path,
.box-link:has(a.box-link__link:hover) svg {
  rect,
  path,
  polygon {
    fill: var(--color-accent-light);
  }
  .selected {
    fill: var(--color-white);
  }
}