スライダの矢印を垂直に整列させてカスタマイズするには

Question

.customer-logosの前と次の矢印を整形するCSSを追加しましたが、標準のボタンスタイルはまだ追加されたCSSの下に表示されますか？この問題を解決し、上下にないスライダの両側にボタンを配置するにはどうすればよいですか？

https://jsfiddle.net/huten0wq/46/

.slick-prev:before, .slick-next:before { font-family: FontAwesome; font-size: 40px; line-height: 1; color: gray; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } 

.slick-prev:before { content: "\f053"; } 
[dir="rtl"] .slick-prev:before { content: "\f054"; } 

[dir="rtl"] .slick-next { left: -10px; top: 70px; right: auto; } 
.slick-next:before { content: "\f054"; } 
[dir="rtl"] .slick-next:before { content: "\f053"; } 

Answer 1

これはおそらく

.customer-logos button { 
    position: absolute; 
    top: 50%; 
    z-index: 1; 
} 
.customer-logos button:nth-child(1) { 
    left: 0; 
} 
.customer-logos button:nth-child(3) { 
    right: 0; 
}