.auto-carousel {
	position: relative;
	flex-wrap: nowrap;
	overflow: hidden;
}

.auto-carousel-item {
	position: absolute;
	padding-top: 15px;
	padding-bottom: 15px;
	height: calc(100% - 25px);
	transition: left 1s ease-in-out;
}

.auto-carousel-item > div {
	height: calc(100% + 25px);
}

.auto-carousel-item-repeat {
	transition: none;
}

.auto-carousel-arrow-left,
.auto-carousel-arrow-right {
	position: absolute;
	top: 50%;
	width: 40px;
	height: 100px;
	color: white;
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4Ij4KICAgIDxmaWx0ZXIgaWQ9J3NoYWRvdycgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KICAgICAgICA8ZmVEcm9wU2hhZG93IGR4PSIwIiBkeT0iMCIgc3RkRGV2aWF0aW9uPSIxIiBmbG9vZC1vcGFjaXR5PSIwLjMiLz4KICAgIDwvZmlsdGVyPgogICAgPGcgZmlsdGVyPSJ1cmwoI3NoYWRvdykiPgogICAgICAgIDxwYXRoIHN0cm9rZT0iI2ZhZmFmYSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Im05IDUgNyA3LTcgNyIgLz4KICAgIDwvZz4KPC9zdmc+Cg==") no-repeat center;
	background-size: 70%;
	text-shadow: 0 0 4px 5px rgba(128, 128, 128, .4);
	opacity: 0;
	transition: opacity .4s;
}

.auto-carousel-arrow-left {
	transform: translateY(-50%) scaleX(-.7);
	left: 20px;
}

.auto-carousel-arrow-right {
	transform: translateY(-50%) scaleX(.7);
	right: 20px;
}

.auto-carousel:hover .auto-carousel-arrow-left,
.auto-carousel:hover .auto-carousel-arrow-right {
	opacity: 1;
}