slick arrows styles

slick.css

.partners-slider-wrap
	.slider-arrow.slider-arrow--left
		img(src="assets/i/svg/left-arrow.svg")
	.slider-arrow.slider-arrow--right
		img(src="assets/i/svg/right-arrow.svg")

let partnersSlider = function () {
	$('#js-partners-slider').slick({
		dots: true,
		arrows: false,
		slidesToShow: 3,
		slidesToScroll: 3,
	});
	$('.partners-slider-wrap .slider-arrow--left').click(function(){
		$('#js-partners-slider').slick('slickNext');
	});

	$('.partners-slider-wrap .slider-arrow--right').click(function(){
		$('#js-partners-slider').slick('slickPrev');
	});
	};
	partnersSlider();


.slider-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 60px;
	z-index: 1000;
	cursor: pointer;
	opacity: .4;
	transition: all .4s ease;
	&:hover {
		opacity: 1;
	}
	&--left {
		left: -80px;
	}

	&--right {
		right: -80px;
	}
}

.slick-dots {
	position: absolute;
	bottom: -50px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	li {
		margin-right: 4px;
		width: 16px;
		height: 16px;
		border-radius: 50%;
		background: transparent;
		border: 2px solid #ccc;
		transition: all .4s ease;
		&.slick-active {
			background: #ccc;
			border-color: transparent;
		}
		button {
			font-size: 0;
			background: none;
			border: none;
			outline: none;
		}
	}
}