.fluid-columns {
  width: 100%;
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(var(--wds-internal-fluid-columns-cols), minmax(0, 1fr));
  grid-gap: 30px;

  &__item {
    display: flex;
    align-items: flex-start;
    padding: 36px 0;
    width: 100%;
  }

  &--mobile {
    grid-gap: 12px;
  }

  &--mobile &__item {
    padding: 12px 0;
  }
}