.teaser-slider-container { width: 96%; height: 100%; margin-bottom: 40px; } .teaser-slider-container .slick-next:before, .teaser-slider-container .slick-prev:before { height: 40px; width: 40px; top: 0%; margin-top: -25px; left: 0; position: relative; margin-top: 0; background: none; z-index: 8; color: #cc0000; } .bg-primary .teaser-slider-container .slick-next:before, .bg-primary .teaser-slider-container .slick-prev:before, .bg-black .teaser-slider-container .slick-next:before, .bg-black .teaser-slider-container .slick-prev:before { color: #fff; } .teaser-slider-container .slick-prev, .teaser-slider-container .slick-next { height: 28px; width: 25px; top: 50%; position: absolute; margin-top: 0; z-index: 8; } .teaser-slider-container .slick-prev { left: -2rem; } .teaser-slider-container .slick-next { right: -2rem; } .teaser-slider-container .slick-prev:before:hover, .teaser-slider-container .slick-next:before:hover { background: none; } @media all and (max-width: 992px) { .teaser-slider-container { width: 92%; } .teaser-slider-container .slick-prev { left: -1.5rem; } .teaser-slider-container .slick-next { right: -1.5rem; } }