.quantity-box-input {
    width: auto;
}

.quantity-box-input div button {
    background-color: transparent;
    border: 1px solid #e1e4e9 !important;
    font-weight: 700 !important;
    color: #232323 !important;
    font-size: 1.5rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-radius: .4rem;
}

.quantity-box-input div button:hover,
.quantity-box-input div button:focus,
.quantity-box-input div button:active
.quantity-box-input div button:active:focus {
    background-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}

.quantity-box-input #btn-minus {
    border-right: none !important;
}

.quantity-box-input #btn-plus {
    border-left: none !important;
}

.quantity-box-input input {
    border-color: #e1e4e9;
    text-align: center;
    color: #232323;
    font-weight: 700 !important;
    max-width: 50px;
    border-left: none !important;
    border-right: none !important;
}

.quantity-box-input input:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: #e1e4e9;
}

.quantity-box-input input:disabled {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    background-color: #e1e4e9;
    opacity: .8;
}


.quantity-box-input #btn-minus:disabled,
.quantity-box-input #btn-plus:disabled,
.quantity-box-input #btn-minus[disabled]:hover,
.quantity-box-input #btn-plus[disabled]:hover {
    background-color: #e1e4e9 !important;
    opacity: .8;
    border: none !important;
}