.payment-notice {
  margin: 0 0 28px;
  padding: 18px 20px;
  display: grid;
  gap: 5px;
  border: 1px solid #d7ccff;
  border-radius: 14px;
  background: #f1edff;
  color: #3c258a;
}

.payment-notice[hidden] {
  display: none;
}

.payment-notice strong {
  font-size: 15px;
}

.payment-notice span {
  font-size: 13px;
  line-height: 1.5;
}

.payment-notice.is-success {
  border-color: #bfe7d2;
  background: #eaf8f1;
  color: #146b45;
}

.payment-notice.is-error {
  border-color: #efc7ce;
  background: #fff0f3;
  color: #963a4b;
}