.newsletter-status {
  margin: 0 0 1.5rem;
  padding: 1rem 1.15rem;
  border: 1px solid currentColor;
  border-radius: 12px;
  line-height: 1.55;
}

.newsletter-status[hidden] {
  display: none;
}

.newsletter-status[data-type="success"] {
  background: #f3faf5;
  color: #235c36;
}

.newsletter-status[data-type="info"] {
  background: #f5f8fb;
  color: #173f5f;
}

.newsletter-status[data-type="error"] {
  background: #fff5f3;
  color: #8a2f24;
}