.child-swiper-controls-wrapper {
	display: flex;
	gap: 8px;
	justify-content: end;
}

.child-swiper-controls-wrapper [class*="child-swiper-button"] {
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	padding: 8px;
	border-radius: 8px;
	border: 1px solid var(--e-global-color-primary);
	transition: all 300ms ease-in-out;
}

.block-light .child-swiper-controls-wrapper [class*="child-swiper-button"] {
	border-color: var(--e-global-color-5322e88);
}

.child-swiper-controls-wrapper [class*="child-swiper-button"].swiper-button-disabled {
	opacity: 0.5;
	cursor: default;
	pointer-events: none;
}

.child-swiper-controls-wrapper [class*="child-swiper-button"] svg {
	width: 32px;
	height: 32px;
	fill: var(--e-global-color-primary);
}

.block-light .child-swiper-controls-wrapper [class*="child-swiper-button"] svg {
	fill: var(--e-global-color-5322e88);
}