// // Component: Carousel // .carousel-control-custom-icon { .carousel-control-prev & { margin-left: -20px; } .carousel-control-next & { margin-right: 20px; } /* stylelint-disable selector-class-pattern */ > .fa, > .fas, > .far, > .fab, > .fal, > .fad, > .svg-inline--fa, > .ion { display: inline-block; font-size: 40px; margin-top: -20px; position: absolute; top: 50%; z-index: 5; } /* stylelint-enable selector-class-pattern */ }