ex-direction: column;
    row-gap: var(--maui-spacing-3);
    column-gap: var(--maui-spacing-4);
    order: 1;
  }

  .content slot[name='cta'] {
    display: flex;
    order: 2;
  }

  .actions {
    display: flex;
    flex-direction: column;
    row-gap: var(--maui-spacing-3);
    column-gap: var(--maui-spacing-4);
    padding-top: 4px;
  }

  .notification-content {
    display: grid;
    gap: var(--maui-spacing-3);
    grid-auto-flow: column;
    position: relative;
    grid-template-columns: 24px 10fr;
  }

  .notification.info,
  .notification.inline.info::before {
    background: var(--maui-color-message-bg-info);
  }
  .notification.info maui-icon {
    --maui-icon-color: var(--maui-color-message-info);
  }

  .notification.success,
  .notification.inline.success::before {
    background: var(--maui-color-message-bg-success);
  }
  .notification.success maui-icon {
    --maui-icon-color: var(--maui-color-message-success);
  }

  .notification.warning,
  .notification.inline.warning::before {
    background: var(--maui-color-message-bg-warning);
  }
  .notification.warning maui-icon {
    --maui-icon-color: var(--maui-color-message-warning);
  }

  .notification.error,
  .notification.inline.error::before {
    background: var(--maui-color-message-bg-error);
  }
  .notification.error maui-icon {
    --maui-icon-color: var(--maui-color-message-error);
  }

  .content {
    display: grid;
    gap: var(--maui-spacing-3);
    text-align: left;
  }

  .notification:has(.headline) .content {
    padding-top: 1px;
  }

  .notification.inline {
    margin-top: 22px;
  }

  .notification.inline::before {
    position: absolute;
    top: -12px;
    left: 40px;
    content: '';
    height: 34px;
    width: 34px;
    transform: rotate(45deg);
  }

  .content-wrapper {
    display: grid;
    grid-auto-flow: column;
    grid-gap: var(--maui-spacing-3);
  }

  .close {
    text-align: right;
    line-height: 0;
    width: 24px;
    height: 24px;
    position: relative;
  }

  .headline {
    display: block;
  }

  @media screen and (min-width: y