@layer layout {
  .group {
    margin-block-start: 6rem;

    h2 {
      text-transform: capitalize;
    }

    ul {
      margin: unset;
      padding: unset;

      list-style-type: none;
    }

    a {
      display: flex;
      block-size: 100%;
      align-items: center;
      padding: 1rem;

      border: 1px solid oklch(from var(--color-neutral) calc(l + 0.5) c h);

      transition: border-color .1s linear;
      
      &:hover, &:focus-visible {
        border-color: oklch(from var(--color-neutral) calc(l + 0.3) c h);
      }
    }

    img {
      aspect-ratio: 16/9;
      object-fit: contain;
    }
  }
}