.ds-action-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--ds-action-row-gap, var(--ds-space-12));
  justify-content: flex-start;
}

.ds-action-row--end {
  justify-content: flex-end;
}

.ds-action-row--between {
  justify-content: space-between;
}

.ds-action-row--stack {
  align-items: stretch;
  display: grid;
  gap: var(--ds-action-row-gap, var(--ds-space-10));
}

.ds-action-row--compact {
  --ds-action-row-gap: var(--ds-space-8);
}

.ds-action-row__group {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--ds-space-8);
}

.ds-action-row__group--primary {
  margin-inline-start: auto;
}

@media (max-width: 42rem) {
  .ds-action-row,
  .ds-action-row__group {
    align-items: stretch;
    flex-direction: column;
  }

  .ds-action-row--end,
  .ds-action-row--between {
    justify-content: flex-start;
  }

  .ds-action-row__group--primary {
    margin-inline-start: 0;
  }
}