Save

themes/InterBlue/assets/css/custom.scss

@@ -928,3 +928,58 @@ header#header {
 		}
 	}
 }
+
+.bonslick-slider.slick-slider {
+	@media (min-width: 767px) {
+		&:hover {
+			button {
+				&.slick-prev {
+					opacity: 1;
+					left: 10px;
+				}
+				&.slick-next {
+					opacity: 1;
+					right: 10px;
+				}
+			}
+		}
+	}
+
+	button {
+		transition: all 250ms ease-in-out;
+
+		&.slick-arrow {
+			width: 35px;
+			height: 35px;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			background: white;
+			z-index: 11;
+			border-radius: 100%;
+			box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
+
+			&::before {
+				font-size: 20px;
+			}
+		}
+		&.slick-prev {
+			@media (min-width: 767px) {
+				opacity: 0;
+				left: -10px;
+			}
+			@media (max-width: 767px) {
+				left: 10px;
+			}
+		}
+		&.slick-next {
+			@media (min-width: 767px) {
+				opacity: 0;
+				right: -10px;
+			}
+			@media (max-width: 767px) {
+				right: 10px;
+			}
+		}
+	}
+}