@layer components {
  .flash {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-6);
    p {
      margin: 0;
    }
    button {
      position: absolute;
      right: var(--space-6);
    }
    &.notice {
      background-color: var(--color-primary-50);
      color: var(--color-primary-600);
      svg path {
        stroke: var(--color-primary-600);
      }
    }
    &.alert {
      background-color: var(--color-error-light);
      color: var(--color-error);
      svg path {
        stroke: var(--color-error);
      }
    }
  }
}