Quantity box with plus and minus buttons in woocommerce

How to make Quantity box with plus and minus buttons in woocommerce like this:

Step 1. Add buttons

Go to folder /wp-content/plugins/woocommerce/templates/global, and copy file quantity-input.php to folder your-theme/woocommerce/global/

Edit the file and add two buttons to it. Example:

In this code, we have inserted these two buttons:

-+

And added custom classes.

Step 2. Add javascript code

For the buttons to work, you need to connect this script:

Step 3. Add css styles for quantity buttons

As a result, you should get working buttons plus and minus.