/* $PP fee discount badge shown beside the protocol fee row in both dialogs. */

#market-dialog[open] .payment span.fee-discounted::after,
body #join-dialog[open] .payment span#join-fee-label.fee-discounted::after {
  content: attr(data-discount);
  display: inline-block !important;
  margin-left: 10px;
  padding: 3px 9px;
  border: 1px solid rgba(39, 216, 189, 0.45) !important;
  border-radius: 999px;
  background: rgba(39, 216, 189, 0.12);
  color: #27d8bd !important;
  font: 600 10px/1.4 "DM Mono", monospace !important;
  letter-spacing: 0.3px;
  vertical-align: middle;
  white-space: nowrap;
}