/*rtl:begin:ignore*/
.smart-slider {
	&__instance {
		// sp-arrow (navigation)
		.sp-arrow {
			width: 44px;
			height: 44px;
			transition: .3s;
			&:before {
				line-height: 44px;
			}
			&.sp-previous-arrow {
				@include border-right-radius($border__radius);
			}
			&.sp-next-arrow {
				@include border-left-radius($border__radius);
			}
		}
		.sp-horizontal {
			.sp-arrows {
				margin-top: -22px;
			}
			.sp-previous-arrow {
				&:hover {
					transform: translateX(2px) translateY(3px) translateZ(0);
				}
			}
			.sp-next-arrow {
				&:hover {
					transform: translateX(-2px) translateY(3px) translateZ(0);
				}
			}
			.sp-previous-arrow,
			.sp-next-arrow {
				&:hover {
					box-shadow: none;
				}
			}
		}
		.sp-vertical {
			.sp-previous-arrow,
			.sp-next-arrow {
				@include border-radius();
			}
		}
	}
}
/*rtl:end:ignore*/