.box-link {
  border: unset;
  height: 100%;
}

.box-link h3 {
  height: 100%;
  margin: 0;
  padding: 0;
}

.box-link a {
  align-items: center;
  background-color: var(--color-accent-2);
  border-radius: 9.25rem;
  box-shadow: 0rem 0.25rem 0.47rem 0rem #0000004d;
  color: var(--color-white);
  display: flex;
  font-size: var(--font-size-large);
  gap: 1.75rem;
  height: 100%;
  padding: 1.375rem 2.0625rem 1.375rem 2.75rem;
  text-decoration: none;
  transition: background-color ease var(--transition-time);
}

.box-link a:hover {
  background-color: var(--color-accent);
  text-decoration: underline;
  text-underline-offset: 0.25rem;
}

@media screen and (min-width: 48rem) {
  .box-links-listing__list {
    gap: 4.1875rem;
    grid-template-columns: repeat(3, 1fr);
    transform: translateY(-50%);
  }

  .box-links-listing__list li {
    grid-column: unset;
  }
}