/* "Just purchased" NotificationX popup (SalesNotification). */

/* New popups are appended to the container, so the last one is the newest. */
.notificationx-frontend .nx-container > *:not(:last-child) {
  display: none !important;
}

.notificationx-frontend .nx-container .notification-item .notificationx-close {
  position: absolute;
  top: 2px;
  right: 2px;
  order: 0;
  align-self: auto;
  margin: 0;
  padding: 8px;
  z-index: 10;
}

/* 60% larger than NotificationX's 10px icon. */
.notificationx-frontend .nx-container .notification-item .notificationx-close svg {
  width: 16px !important;
  height: 16px !important;
}

/* Keep the text clear of the corner button. */
.notificationx-frontend .nx-container .notification-item .notificationx-content {
  padding-right: 36px;
}