@mixin wdc-popup-common() {
  @include wdc-type();
  @include card-common();
  position: relative;
  margin: 0;

  &-padding-s {
    padding: $wdc-spacing-s;
  }

  &-no-padding {
    padding: 0;
  }

  &-close {
    position: absolute;
    right: $wdc-spacing-xs;
    top: $wdc-spacing-xs;
  }
}

.wdc-popup {
  @include wdc-popup-common();

  animation-duration: 150ms;
  animation-timing-function: ease-out;

  @include popupAnimationOrigins();
}