/**
 * 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 Element_Kit_For_Avada
 */

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

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