Slick slider fontawesome next/prev

Slider JS

nextArrow: '<button class="slick-next"><i class="fa fa-chevron-right"></i></button>',
		  	 prevArrow: '<button class="slick-prev"><i class="fa fa-chevron-left"></i></button>',

CSS

.slick-prev:before {
	//content: "<";
	//font-family: "Font Awesome 5 Free"!important;
	font-size: 30px!important;
}
.slick-next:before {
	//content: ">";
	//font-family: "Font Awesome 5 Free"!important;
	font-size: 30px!important;
}
.slick-prev, .slick-next {
	height: 50px!important;
	width: 50px!important;
	
	i {
		color: #fff;
		font-size: 25px;
	}
	
	&:after, &:before {
		display: none;
	}
}

 

#font awesome #javascript #slick