.quantity[data-type="type-2"] {
	width: var(--quantity-width, 130px);

	input[type="number"] {
		--form-field-border-width: 1px;
		padding: 0 calc(var(--quantity-height, 55px) / 1.8 + 9%);
	}

	.ct-increase, 
	.ct-decrease {
		top: calc(50% - var(--quantity-height, 55px) / 3.6);
		width: calc(var(--quantity-height, 55px) / 1.8);
		height: calc(var(--quantity-height, 55px) / 1.8);
		border-radius: var(--form-field-border-radius, 3px);

		--quantity-initial-color: transparent;

		&:before {
			margin-top: 2px;
			font-size: 10px;
		}
	}

	.ct-increase {
		right: 9%;

		&:before {
			content: '\e909';
		}
	}

	.ct-decrease {
		left: 9%;

		&:before {
			content: '\e90a';
		}
	}
}