Стилизация плагина slick slider(кнопки, точки переключения слайдера)

Добрый день, проблема такого рода. У меня есть кнопки я их стилизовал(поставил фон картинки). И убрал фон по умолчанию(т.е кнопки) с помощью opacity:0; в .slider button.slick-prev:before и .slider button.slick-next:before, это не все, я хотел поставить картинки с другим цветом только для before кнопок. Для удобства архивный фаил прикреплю.
.slider button.slick-prev:before
.slider button.slick-prev
{
/* работает код*/ background-image: url('Big_Slider_Buttonsright1.png');
/* не работает код*/ background-repeat: no-repeat;
z-index: 1001;
left: 35px;
}
.slider button.slick-next
{
/* работает код*/ background-image: url('Big_Slider_Buttonsleft1.png');
/* работает код*/ background-repeat: no-repeat;
z-index: 1001;
right: 35px;
}
.slider button.slick-prev:before
{
/* не работает код*/ background-image: url('Big_Slider_Buttonsright11.png');
/* не работает код*/ background-repeat: no-repeat;
opacity: 0;
}
.slider button.slick-next:before
{
/* не работает код*/ background-image: url('Big_Slider_Buttonsright12.png');
/* не работает код*/ background-repeat: no-repeat;
opacity: 0;
}
файлообменник действует 14 дней https://dropmefiles.com/rCbkG
Дата создания темы 21.04.2019