.qty-buttons__label,
.fluid-qty__label {
  color: var(--clr-black-500);
  font-size: var(--ff-md, 1rem);
  margin-bottom: 0.25rem;
  display: block;
}

.qty-wrap,
.fluid-qty__controls {
  display: inline-flex;
  border: 1px solid var(--clr-gray-200);
  border-radius: 4px;
  user-select: none;
}

.qty-dec,
.qty-inc,
.qty-val,
.fluid-qty__btn,
.fluid-qty__value {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}
button.qty-action-btn,
.btn.qty-action-btn,
.fluid-qty__btn {
  padding:0;
  color:var(--clr-text);
}

.qty-dec,
.qty-inc,
.fluid-qty__btn {
  width: 32px;
  height: 32px;
  cursor: pointer;
  background: transparent;
  border: none;
  font-size: 1.125rem;
  transition: background-color 0.15s ease;
}

.qty-dec:hover:not(:disabled),
.qty-inc:hover:not(:disabled),
.fluid-qty__btn:hover:not(:disabled) {
  background-color: var(--clr-gray-100);
}

.qty-dec:disabled,
.qty-inc:disabled,
.fluid-qty__btn:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

.qty-val,
.fluid-qty__value {
  border-right: 1px solid var(--clr-gray-200);
  border-left: 1px solid var(--clr-gray-200);
  padding: 0 12px;
  min-width: 40px;
  height: 32px;
}

.qty-buttons--disabled,
.fluid-qty--disabled {
  opacity: 0.6;
  pointer-events: none;
}