.sui-o-popup {
  z-index: $sui-z-index-o-confirm;
  display: inline-block;
  opacity: 0;
  pointer-events: none;
  background: $sui-color-brand-denim-100;
  border-radius: $sui-border-radius-md;
  border: $sui-size-border solid $sui-color-border;
  box-shadow: $sui-shadow-100;
  padding: $sui-space-md;
  width: $sui-size-xxl;
  max-width: 100%;
  margin: $sui-space-sm;
  text-align: center;
  transition: opacity .2s;

  &:not(.as--open) {
    position: absolute;
  }

  &.as--open {
    opacity: 1;
    pointer-events: auto;
  }

  &__title {
    font-size: $sui-font-size-ml;
    font-weight: 300;
  }

  &__content {
    font-size: $sui-font-size-ms;
  }

  &__buttons {
    margin-top: $sui-space-sm;
    display: flex;
    justify-content: space-between;

    & > * {
      max-width: none;

      &:not(:first-child) {
        margin-left: $sui-space-sm;
      }
    }

    &:first-child {
      margin-top: 0;
    }
  }
}
