alannariya

<div>
	<div class="input-number input1">

    <button class="style_pm BTN-M" type="button">-</button>

    <input class="style_input I-1" id="I1" type="number" min="0" value="2" readonly>

    <button class="style_pm BTN-P" type="button">+</button>
  </div>
  <br>
</div>

<div class="total">
	<div class="estimation">
	<div>
    <span id="B1">2</span>- Basic (20 €)<br>
	  <span id="S1">1</span>- Senior (10 €)
    </div> 
	<div>
    <span id="sum1">40 €</span><br> 
    <span id="sum2"></span> 10 €</div> 
 </div>
 <div class="estimation_total">Total: 
   <span id="TOTAL"> 50 €</span>
   </div>
</div>

const input1 = document.querySelector('#I1'); // Получаем input
const btn_plus1 = document.querySelector('.BTN-P'); // Получаем кнопку плюс
const btn_minus1 = document.querySelector('.BTN-M'); // Получаем кнопку минус 
const span1 = document.querySelector('#B1');

// Свойства nextElementSibling и prevousElementSibling здесь не нужны

btn_minus1.addEventListener('click', () => {
  input1.stepDown(4); // Отнимаем 1 или указанное число (измените на 1)
	span1.textContent = input1.value;
});

btn_plus1.addEventListener('click', () => {
  input1.stepUp(8); // Прибавляем 1 или указанное число (измените на 1)
  span1.textContent = input1.value;
});