JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.0.0-alpha1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css">
<div class="col-md-12 offset-md-4">
    <div style="min-height:200px;">
        <span> <button type="button" class="quantity-left-minus btn btn-danger btn-number" style="font-size: 50px;" data-type="minus" data-field="">  <span class="fa fa-minus-circle"></span> </button> </span>
        <span><input type="text" id="quantity" name="quantity" class="input-number" value="1" min="1" max="100"></span>
        <span><button type="button" class="quantity-right-plus btn btn-success btn-number" style="font-size: 50px;" data-type="plus" data-field="">  <span class="fa fa-plus-circle"></span> </button></span>

    </div>
    <br>
    <br>
    <span><a href="" class="btn btn-primary btn-lg active" role="button" aria-pressed="true" style=" font-size: 50px;" id="printLabel" onclick="dowloadFileJS()">STAMPA</a></span>
</div>
    <style>
        .input-group-btn {
            width: 90%;
            height: 90%;
        }
        #quantity{
           font-size: 40px;
           width:5%;
           height:85%;
           padding: 18px 0;
           position: relative;
           top:10px;
        }
    </style>