.ps-customerportal-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 500;
  padding: 5px 14px;
  border-radius: 999px;
  letter-spacing: 0.02em;

  background-color: #e8f9f2;
  color: #1a7a4e;
}

.ps-customerportal-badge .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;

  background-color: #30C27C;
}

.ps-customerportal-badge.success {
  background-color: #e8f9f2;
  color: #1a7a4e;
}
.ps-customerportal-badge.success .dot {
  background-color: #30C27C;
}

.ps-customerportal-badge.danger {
  background-color: #fdecea;
  color: #9b2020;
}
.ps-customerportal-badge.danger .dot {
  background-color: #e53935;
}

.ps-customerportal-badge.info {
  background-color: #e8f1fb;
  color: #1a4a8a;
}
.ps-customerportal-badge.info .dot {
  background-color: #2979d4;
}