@use '../../abstract';

.cds-modal__actions-divider {
  height: 16px;
  border-top: 1px solid var(--gray-100);
  width: 100%;

  @include abstract.media-bp-up('md') {
    height: 24px;
  }
}

.cds-modal__actions-btn-wrap {
  padding: 0px 16px 16px;

  @include abstract.media-bp-up('md') {
    padding: 0px 24px 24px;
  }
}

.cds-horizontal-fill-container {
  :where(.cds-modal__actions-btn-wrap) {
    display: flex;
    gap: 12px;
    flex-direction: column-reverse;
  }

  :where(.cds-btn) {
    flex: 1;
  }

  @include abstract.media-bp-up('md') {
    :where(.cds-modal__actions-btn-wrap) {
      flex-direction: row;
    }
  }
}