/* Shared navigation arrow treatment for custom sliders. */
.zp-slider-arrow {
	background-color: #ff7a1a !important;
	color: #fff !important;
	border: 0;
	transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
}

.zp-slider-arrow svg {
	color: #fff;
	stroke: #fff;
}

.zp-slider-arrow:hover,
.zp-slider-arrow:active,
.zp-slider-arrow:focus {
	background-color: #0d0e34 !important;
	color: #fff !important;
}

.zp-slider-arrow:focus-visible {
	outline: 2px solid #ff7a1a;
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	.zp-slider-arrow {
		transition: none;
	}
}