.slider-container {
	--swiffy-slider-item-gap: 16px;
}

.slider-nav {
	top: calc(50% - 18px);
	z-index: 1;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: var(--accent-1);
	font-size: 0;
	opacity: 1;
	transform: none;
	transition: background-color 0.3s;
}

.slider-nav svg {
	fill: var(--white);
}

@media (min-width: 1280px) {
	.slider-container {
		--swiffy-slider-item-gap: 32px;
	}

	.slider-nav:hover,
	.slider-nav:focus {
		background-color: var(--accent-1-hover);
	}
}