.an-slider-dot {
	background: var(--etgar-pink);
	width: 21px;
	height: 21px;
}

.an-slider-dot.current {
	background: var(--etgar-purple);
}

.an-slider-arrow {
	width: 96px;
	top: 52px;
	padding: 0;
}

.an-slider-arrow::after {
	background-image: var(--etgar-arrow-large-white-mask);
	background-size: 109% auto;
	background-color: var(--etgar-purple);
	transform: rotate(0);
	width: 64px;
	height: 64px;
	top: calc(50% - 32px);
	margin: 0;
	border-radius: 999px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.25);
	transition: 300ms;
	left: calc(50% - 32px);
	right: calc(50% - 32px);
}

.an-slider-arrow:focus::after,
.an-slider-arrow:hover::after {
	background-color: var(--etgar-light-red)
}

.an-slider-arrow-right::after {
	transform: rotate(180deg);
	left: unset;
}