$confirm: #{$prefix}-confirm;
@mixin ne-confirm {
  .#{$confirm} {
    &-body {
      display: flex;
      margin: $confirm-title-margin 0;
    }
    .#{$prefix}-modal-close {
      padding: $text-button-padding;
    }
    &-container {
      margin-left: $confirm-title-margin;
    }

    &-title {
      margin-top: 0;
      margin-bottom: $confirm-title-margin;
      font-size: $modal-large-header-font-size;
    }
    &-actions {
      float: right;
      margin-top: $confirm-title-margin;
      .#{$prefix}-button {
        margin: 0 $actions-gutter;
      }
    }
    &-error {
      .#{$confirm}-icon {
        color: $error-color;
      }
    }
    &-success {
      .#{$confirm}-icon {
        color: $success-color;
      }
    }
    &-warning {
      .#{$confirm}-icon {
        color: $warning-color;
      }
    }
    &-info {
      .#{$confirm}-icon {
        color: $info-color;
      }
    }
    &-confirm {
      .#{$confirm}-icon {
        color: $warning-color;
      }
    }
  }
}