froiz

Вам уже наверное не актуально, но может пригодится другим.
Js

$(function(){
    	$('.your-class').slick({
            slidesToShow: 4,
            slidesToScroll: 1,
            appendArrows: $('.your-class-arrow'),
            prevArrow: '<button id="prev" type="button" class="btn btn-juliet"><i class="fa fa-chevron-left" aria-hidden="true"></i> Туда</button>',
            nextArrow: '<button id="next" type="button" class="btn btn-juliet">Сюда <i class="fa fa-chevron-right" aria-hidden="true"></i></button>'
    	});
    });

Html

<div class="your-class">
  <div>your content</div>
  <div>your content</div>
  <div>your content</div>
</div>
<div class="your-class-arrow"></div>

В данном случае кнопки будут под слайдером. Остальное через css.

Дополню ответ. Всё зависит от ситуации. Первый вариант Вам уже показали, а есть еще второй вариант развития событий (через selector + selector). К примеру во флекс-контейнере (margin'ы не схлопываются) и первый вариант не будет работать так, как Вы ожидаете: