:root {
	--glide-arrows-width: max(350px, 95%);
}

.glide--carousel {
	position: relative;
}

.glide__arrows {
	width: var(--glide-arrows-width);
	position: absolute;
	top: calc(50% - 40px);
	left: 50%;
	transform: translate(-50%, -50%);
	padding:0;
}

.glide__arrow {
	background: none;
	border: none;
	color: white;
	font-size: clamp(32px, 6vw, 70px);
}

.glide__arrow--right {
	position: absolute;
	right: 0;
}


@media (min-width: 555px) {
	.glide__arrows {
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
}