@dnb/eufemia/cjs/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.css

DNB Eufemia Design System UI Library

/*
 * Utilities
 */
.dnb-forms-button-row {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  gap: var(--spacing-small);
}

.dnb-card + .dnb-forms-button-row:not([class*=space__top]), .dnb-card + .dnb-button--primary:not([class*=space__top]) {
  margin-top: var(--spacing-small);
}
.dnb-card + .dnb-forms-button-row:not([class*=space__top]) .dnb-button[class*=space__top], .dnb-card + .dnb-button--primary:not([class*=space__top]) .dnb-button[class*=space__top] {
  margin-top: 0;
}

@media screen and (min-width: 40.00625em) {
  .dnb-card:not([style*="--outset"]) + .dnb-forms-button-row:not([class*=space__left]), .dnb-card:not([style*="--outset"]) + .dnb-button--primary:not([class*=space__left]) {
    margin-left: var(--spacing-medium);
  }
}