Top margin to sibling elements.

owl

.card-collection {
  --background-color: var(--white);
  background-color: var(--background-color);
  container: cards / inline-size;

  > * + * {
    margin-block-start: var(--size-40);
  }

  .is-dark & {
    --background-color: var(--navy-blue);
  }

  .is-blue & {
    --background-color: var(--baby-blue);
  }

  .is-black & {
    --background-color: var(--black);
  }
}

.card-collection__items {
  --min: 35ch;
  --gap: var(--size-40);
  display: grid;
  gap: var(--gap);
  grid-template-columns: 1fr;
  margin-inline: auto;
  max-inline-size: var(--content-width);

  /* > * + * {
    margin-block-start: var(--gap);
  } */

  @container (inline-size >= 76.8rem) {
    column-gap: var(--gap);
    grid-template-columns: repeat(auto-fit, minmax(var(--min), 1fr));
    grid-template-rows: repeat(3, auto);

    > * + * {
      margin-block-start: 0;
    }

    /* .icon-card:last-child {
      margin-block-start: var(--gap);
    } */
  }

  .icon-card {
    grid-row: span 3;
    grid-template-rows: subgrid;
  }
}