/**
 * Shared EK navigation arrow border controls.
 *
 * Calendar, Timeline, and Video Gallery use this class so border width,
 * style, color, hover color, and radius follow one variable contract without
 * changing each element's existing defaults.
 *
 * @package Fancy_Elements_Avada_Pro
 */

.fea-pro-arrow-control,
.fea-pro-arrow-control.fea-pro-carousel__btn {
	border-width: var(--fea-pro-arrow-border-width, 1px);
	border-style: var(--fea-pro-arrow-border-style, solid);
	border-color: var(--fea-pro-arrow-border-color, currentColor);
	border-radius: var(--fea-pro-arrow-border-radius, 50%);
}

.fea-pro-arrow-control:hover,
.fea-pro-arrow-control.fea-pro-carousel__btn:hover {
	border-color: var(--fea-pro-arrow-border-color-hover, var(--fea-pro-arrow-border-color, currentColor));
}