notification-card {
  margin: 1rem 1rem 0 1rem;
}

@keyframes notification-card-appear-animation {
  0% {
    opacity: 0;
    margin-top: 2rem;
  }
  100% {
    opacity: 1;
    margin-top: 1rem;
  }
}

notification-card {
  z-index: 1102;
  animation: notification-card-appear-animation 0.3s 0s both;
}

.notification-container {
  display: flex;
  padding: calc(2 * var(--spacing-unit));
}

.notification-icon {
  padding: var(--spacing-unit) 0;
  margin-right: var(--spacing-unit);
}

.notification-content-container {
  flex: 1;
  margin: calc(3 * var(--spacing-unit)) 0;
}

.notification-title {
  margin-bottom: calc(3 * var(--spacing-unit));
}
