.iovips-iopay-discount-badges{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:8px;
  justify-content:flex-end;
}

.iovips-iopay-discount-badge{
  display:inline-flex;
  align-items:center;
  padding:0 8px;
  border-radius:10px;
  font-size:12px;
  line-height:20px;
  font-weight:700;
  background:#e0fbe4;
  color:#138822;
}

.iovips-iopay-discount-original{
  margin-left:10px;
  color:#646970;
  text-decoration:line-through;
  font-size:14px;
}

.iovips-iopay-buy-discount{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  width:100%;
  flex-basis:100%;
  order:999;
  margin-top:8px;
  font-size:12px;
  color:#64748b;
  margin-right:auto;
  align-self:flex-start;
}

.iovips-iopay-buy-discount-line{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}

.iovips-iopay-buy-discount-line strong{
  color:#0f172a;
  font-weight:800;
}

.iovips-iopay-buy-discount-line .iovips-iopay-buy-original{
  color:#64748b;
  text-decoration:line-through;
}

.iovips-iopay-buy-save-pill{
  display:inline-flex;
  align-items:center;
  padding:0 10px;
  border-radius:999px;
  height:22px;
  line-height:22px;
  font-size:12px;
  font-weight:900;
  color:#dc2626;
  background:rgba(220,38,38,.08);
  border:1px solid rgba(220,38,38,.14);
}

.iovips-iopay-buy-note{
  color:#64748b;
  font-weight:700;
}

.iovips-iopay-buy-sep{
  color:#cbd5e1;
  font-weight:700;
}

.iovips-iopay-buy-activity-pill{
  display:inline-flex;
  align-items:center;
  padding:0 10px;
  border-radius:999px;
  height:22px;
  line-height:22px;
  font-size:12px;
  font-weight:900;
  color:#16a34a;
  background:rgba(22,163,74,.08);
  border:1px solid rgba(22,163,74,.14);
}

.historic .row.text-sm .col.text-right{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-end;
}

.iovips-iopay-history-inline{
  display:block;
  margin-top:6px;
  white-space:nowrap;
  font-size:11px;
  line-height:1.2;
  text-align:right;
}

.iovips-iopay-btn-row{
  display:inline-flex;
  align-items:center;
  gap:8px;
  vertical-align:middle;
  white-space:nowrap;
}

.iovips-iopay-prefix-inline{
  display:inline-flex;
  align-items:center;
  padding:0 8px;
  height:18px;
  line-height:18px;
  border-radius:999px;
  font-size:11px;
  font-weight:900;
  color:#16a34a;
  background:rgba(22,163,74,.10);
  border:1px solid rgba(22,163,74,.18);
  vertical-align:middle;
  pointer-events:none;
}

.historic .iovips-iopay-btn-row{
  justify-content:flex-end;
  gap:6px;
}

.historic .iovips-iopay-prefix-inline{
  height:16px;
  line-height:16px;
  font-size:10px;
  padding:0 6px;
}

@media (max-width: 1024px){
  .iovips-iopay-buy-discount{
    margin-top:6px;
    font-size:11px;
    gap:8px;
  }

  .iovips-iopay-buy-save-pill,
  .iovips-iopay-buy-activity-pill{
    height:20px;
    line-height:20px;
    font-size:11px;
  }

  .iovips-iopay-buy-original{
    font-size:11px;
  }
}

@media (max-width: 768px){
  .iovips-iopay-btn-row{
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:6px;
  }

  .iovips-iopay-prefix-inline{
    height:16px;
    line-height:16px;
    font-size:10px;
    padding:0 6px;
  }

  .iovips-iopay-buy-discount-line{
    gap:8px;
  }

  .iovips-iopay-history-inline{
    margin-top:6px;
    font-size:10px;
  }
}

@media (max-width: 360px){
  .iovips-iopay-history-inline{
    white-space:normal;
  }
}