.checkout-addon-pricing {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
  min-width: 145px;
  text-align: right;
}

.checkout-addon-pricing > b {
  color: var(--blue);
  font: 700 13px "Space Grotesk";
}

.checkout-addon-discount-details {
  display: grid;
  gap: 2px;
  color: var(--muted);
  font-size: 9px;
  line-height: 1.25;
}

.checkout-addon-discount-details[hidden] {
  display: none !important;
}

.checkout-addon-discount-details span:last-child {
  color: #16803c;
  font-weight: 700;
}

@media (max-width: 560px) {
  .checkout-addon-pricing {
    min-width: 130px;
  }
}