/**
 * #Slider nav
 */

.c-slider-nav {
	display: flex;
	gap: 20px;

	&.c-slider-nav--center {
		justify-content: center;
		margin-bottom: 40px;
	}

	.c-slider-nav__btn {
		width: 50px;
		height: 50px;
		border: 1px solid var(--white);
		border-radius: 999px;
		background-color: transparent;
		cursor: pointer;
		position: relative;

		&::after {
			content: "";
			position: absolute;
			left: 50%;
			top: 50%;
			width: 25px;
			height: 25px;
			background-color: var(--white);
			mask-image: url("/wp-content/themes/edance-parent/assets/img/icon/btn-arrow.svg");
			mask-size: contain;
			mask-repeat: no-repeat;
			mask-position: center;
			-webkit-mask-image: url("/wp-content/themes/edance-parent/assets/img/icon/btn-arrow.svg");
			-webkit-mask-size: contain;
			-webkit-mask-repeat: no-repeat;
			-webkit-mask-position: center;
			transform: translate(-50%, -50%);
		}

		&:first-child::after {
			transform: translate(-50%, -50%) scaleX(-1);
		}
	}
}