.notice {
  align-items: center;
  background-color: var(--color-dark);
  border-radius: var(--radius-md);
  color: var(--color-white);
  display: flex;
  flex-direction: row;
  gap: var(--spacing-sm);
  justify-content: flex-start;
  padding: var(--spacing-md) var(--spacing-lg);
}

.notice.color--failure {
  background-color: var(--color-red);
}

.notice.color--success {
  background-color: var(--color-blue);
}

.notice.color--warning {
  background-color: var(--color-yellow);
}

.notice.color--light {
  background-color: var(--color-light);
  color: var(--color-black);
}

.notice-text {
  flex: 1;
}

.notice-button {
  margin: calc(var(--spacing-sm) * -1) calc(var(--spacing-md) * -1) calc(var(--spacing-sm) * -1) 0;
}