:root{
  --dpg-accent:#16a34a;
  --dpg-stepper-h:32px;
  --dpg-stepper-btn:28px;
  --dpg-border:1.75px;
}

.dpg-stepper{
  display:inline-flex; align-items:center; gap:6px;
  height:var(--dpg-stepper-h);
  border:var(--dpg-border) solid var(--dpg-accent);
  border-radius:999px; padding:0 4px; background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
}

.dpg-stepper .dpg-qty{
  min-width:20px; text-align:center; font-weight:800;
  font-size:14px; line-height:1; color:#0c8a2a;
}

.dpg-stepper button{
  width:var(--dpg-stepper-btn); height:calc(var(--dpg-stepper-btn) - 2px);
  border-radius:999px; border:var(--dpg-border) solid var(--dpg-accent);
  background:#fff; color:#16a34a; font-size:16px; line-height:1;
  display:inline-flex; align-items:center; justify-content:center;
  transition:transform .06s ease, background .12s ease;
}
.dpg-stepper button:active{ transform:translateY(1px); background:#f3fbf5; }

.dpg-stepper .dpg-minus{ margin-right:2px; }
.dpg-stepper .dpg-plus{ margin-left:2px; }

/* Popup stepper even tighter */
.dpg-variant__action .dpg-stepper{ --dpg-stepper-h:30px; --dpg-stepper-btn:26px; }