.homegrade-blocks-column-cards {
  @apply grid gap-12  w-full my-16 container px-8;

  &--has-2-columns {
    @apply md:grid-cols-2;
  }
  &--has-3-columns {
    @apply md:grid-cols-2 xl:grid-cols-3;
  }
  &--has-4-columns {
    @apply md:grid-cols-2 xl:grid-cols-4;
  }
}

.homegrade-content-blocks-content-box--white {
  .homegrade-blocks-card {
    @apply shadowed;
  }
}