.studio-quick-order {
    display: flex;
    align-items: center;
    gap: 8px;
}

.studio-quick-order button {
    width: 34px;
    height: 34px;
    border: 1px solid #ddd;
    background: #fff;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
}

.studio-quick-order .sqo-qty {
    width: 60px;
    height: 34px;
    text-align: center;
}

.studio-quick-order.is-loading {

}

.studio-quick-order.is-loading {}
.is-loading button.sqo-minus,
.is-loading input.sqo-qty,
.is-loading button.sqo-plus {
    filter: grayscale(1) opacity(.5);
}

button.sqo-minus, button.sqo-plus {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    background: var(--e-global-color-923858d);
    color: var(--e-a-btn-color-invert);
    border-radius: 0;
}

.studio-quick-order input[type="number"]::-webkit-inner-spin-button,
.studio-quick-order input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.studio-quick-order input[type="number"] {
  -moz-appearance: textfield;
}

.studio-quick-order button {
    transition:
        opacity .25s ease,
        transform .25s ease,
        background .25s ease,
        border-color .25s ease;

}

.studio-quick-order button:disabled {
    opacity: .35;
    cursor: not-allowed;
    filter: grayscale(1);
    pointer-events: none;

}

.studio-quick-order button:not(:disabled):hover {
    transform: scale(1.05);

}

.studio-quick-order button:not(:disabled):active {
    transform: scale(.96);
}