.quantity-wrapper {
	display: flex;
	align-items: center;
}

.quantity-button {
	width: 30px;
	height: 30px;
	border: 1px solid #ddd;
	background: #f7f7f7;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	border-radius: 4px;
}

.quantity-button:hover {
	background: #eee;
}

.quantity-input {
	width: 50px;
	height: 30px;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 4px;
	-moz-appearance: textfield;
}

.quantity-input::-webkit-outer-spin-button,
.quantity-input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.quantity-wrapper button {
	height: 39px;
	border: 2px solid #ebebeb;
	color: #000;
	padding: 0 20px !important;
	margin: 0 !important;
}

.quantity-wrapper input {
	width: 30px;
	height: 39px !important;
	border-radius: 0;
	border-left: none !important;
	border-right: none !important;
	height: 100%;
	border-color: #ebebeb;
	margin: 0 !important;
	border: 2px solid #ebebeb;
	padding: 0;
}

.quantity-wrapper input,
.quantity-wrapper input:focus,
.quantity-wrapper input:active {
	outline: none !important;
	border-color: #ebebeb !important;
}

.quantity-wrapper button:hover {
	background-color: #86ab03 !important;
	color: #fff;
}

.quantity-wrapper button:active,
.quantity-wrapper button:focus {
	background-color: #f7f7f7;
	color: #000;
}

.quantity-wrapper button:first-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.quantity-wrapper button:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}