.link-list__wrapper {
  .link-list__heading,
  p {
    margin: 0;
  }

  .link-list__heading {
    margin-bottom: var(--spacing-4);
  }

  .link-list {
    margin-top: var(--spacing-4);
    padding: 0;
    list-style: none;

    li {
      grid-column: span 8;
      border-bottom: 0.1rem solid var(--c-dark-20);
      color: var(--c-primary-blue);

      a {
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: var(--spacing-5) 0;

        span,
        .icon {
          transition: transform 300ms ease-out;
        }

        span {
          font-size: var(--heading-h5);
        }

        .icon {
          height: 2.5rem;
          width: 2.5rem;
          color: var(--c-primary-orange);
        }
      }
    }

    li:first-child {
      border-top: 0.1rem solid var(--c-dark-20);
    }

    li a:hover {
      text-decoration: none;

      span {
        transform: translateX(var(--spacing-2));
      }

      .icon {
        transform: translateX(calc(-1 * var(--spacing-2)));
      }
    }
  }
}

.paragraph--type--link-list.c-bg--blue .link-list__wrapper {
  .link-list li span {
    color: var(--c-primary-light);
  }
}

@media (min-width: 768px) {
  .link-list__wrapper {
    .link-list__text {
      width: 50%;
    }

    .link-list {
      column-gap: var(--spacing-4);

      li:nth-child(2) {
        border-top: 0.1rem solid var(--c-dark-20);
      }
    }
  }
}

@media (min-width: 1200px) {
  .link-list__wrapper {
    .link-list li {
      grid-column: span 4;
    }
  }
}