Перемещение div'а с помощью CSS

let holter = document.getElementById("holter"); 
holter.style.left = holter.getBoundingClientRect().left + 50 + 'px';

#holter, #test { 
  width: 60px; 
  height: 60px; 
  position: absolute; 
  left: 150px; 
  background-color: orange; 
  border-radius: 50%; 
  text-align: center; font-size: 22px; 
}

<div id="holter">+50</div> 
 
<br><br><br><br> 
 
<div id="test"></div>

let bubu = document.getElementById('bubu'); 
 
console.log( bubu.getBoundingClientRect() );

#bubu { 
  width: 60px; 
  height: 60px; 
  position: absolute; 
  left: 150px; 
  background-color: orange; 
  border-radius: 50%; 
}

<div id="bubu"></div>

let bubu = document.getElementById('bubu'); 
 
console.log( 'font-size: ' + window.getComputedStyle(bubu).fontSize ); 
console.log( window.getComputedStyle(bubu) );

<div id="bubu">bubu</div>