Product Detail carousel arrows style
carousel-arrows
Css
.carousel-arrows .carousel-control-next-icon,
.carousel-arrows .carousel-control-prev-icon{
background-color: grey;
border: 1px solid black;
width: 40px;
height: 40px;
-webkit-mask-image: none;
mask-image: none;
}
.carousel-arrows .carousel-control-next,
.carousel-arrows .carousel-control-prev{
opacity: 1;
}
.carousel-arrows .carousel-dark .carousel-control-next-icon,
.carousel-arrows .carousel-dark .carousel-control-prev-icon{
-webkit-filter: none;
filter: none;
}
.carousel-arrows .carousel-control-next-icon::after,
.carousel-arrows .carousel-control-prev-icon::after {
content: '';
display: block;
width: 20px;
height: 20px;
border-top: 2px solid black;
border-left: 2px solid black;
}
.carousel-arrows .carousel-control-next-icon::after{
margin: 10px 5px;
transform: rotate(135deg);
}
.carousel-arrows .carousel-control-prev-icon::after {
margin: 10px 15px;
transform: rotate(-45deg);
}