Антон

.btn--decrement {
    transform:rotate(-180deg);
  }

.section {
flex-wrap: wrap;
display: flex;
margin:0 -15px;
}
.item {
width: calc(25% - 30px);
margin: 0 15px 30px;
}

<li>
    <a href="#" class="active">Item-4</a>
  </li>

$(document).ready(function(e){
  offsetleft = $('.active').scroll()[0].offsetLeft;
  $('.main-list').scrollLeft(offsetleft);
})

@keyframes text-move {
	0% {
		left: 0;
		top: 0;
	}
	33.3% {
		left: 0;
		bottom: 0;
    top:unset;
	}
	66.3% {
    left:unset;
		right: 0;
		bottom: 0;
	}
	100% {
		right: 0;
		top: 0;
	}
}