.custom-block-single-flex-box {
  display: flex;
  flex-wrap: wrap;
  gap: var(--custom-block-single-flex-box-gap, 16px 8px);
}

@media (min-width: 768px) {
  .custom-block-single-flex-box {
    justify-content: var(
      --custom-block-single-flex-box-desktop-justify-content,
      flex-start
    );
    align-items: var(
      --custom-block-single-flex-box-desktop-align-items,
      flex-start
    );
  }
}

@media (max-width: 767px) {
  .custom-block-single-flex-box {
    justify-content: var(
      --custom-block-single-flex-box-mobile-justify-content,
      flex-start
    );
    align-items: var(
      --custom-block-single-flex-box-mobile-align-items,
      flex-start
    );
  }
}