@ozen-ui/kit/__inner__/cjs/components/DialogNext/modules/DialogFooter/DialogFooter.css

React component library

.DialogNextFooter {
  --dialog-footer-padding-block-start: var(--spacing-m);
  display: flex;
  padding-block-end: var(--dialog-block-padding);
  padding-inline: var(--dialog-inline-padding);
  margin-block-start: auto;
}

  .DialogNextFooter-Container {
    position: relative;
  }

  .DialogNextFooter-Divider {
    position: absolute;
  }

  .DialogNextFooter_marginTop {
    padding-block-start: var(--dialog-footer-padding-block-start);
  }

  /* ---- MODE ---- */

  .DialogNextFooter_mode_start {
    justify-content: flex-start;
  }

  .DialogNextFooter_mode_end {
    justify-content: flex-end;
  }

  .DialogNextFooter_mode_space-between {
    justify-content: space-between;
  }

  /* ---- ALIGN ---- */

  .DialogNextFooter_align_left {
    justify-content: space-between;
  }

  .DialogNextFooter_align_right {
    justify-content: flex-end;
  }

  .DialogNextFooter_align_vertical {
    flex-direction: column;
  }

  .DialogNextFooter_align_vertical .DialogNextFooterButtonsGroup {
      flex-direction: column;
    }

  .DialogNextFooter_align_horizontal {
    flex-direction: row;
  }

  .DialogNextFooter_align_horizontal > *, .DialogNextFooter_align_horizontal .DialogNextFooterButtonsGroup > * {
      flex-grow: 1;
    }

  /* ---- DEVICE TYPE ---- */

  .DialogNextFooter_deviceType_desktop.DialogNextFooter_size_m {
    --dialog-footer-padding-block-start: var(--spacing-l)
  }

  /* ---- VIEW TYPE ---- */

  .DialogNextFooter_viewType_modal {
    flex-shrink: 0;
  }