.previous
{
	border: 0px solid black;
	border-radius: 0 3px 3px 0;
	color: white;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	margin-top: -22px;
	padding: 16px;
	position: absolute;
	text-shadow: black 0 0 2px;
	top: 50%;
	transition: 0.6s ease;
	width: auto;
}

.next
{
	border: 0px solid black;
	border-radius: 3px 0 0 3px;
	color:  white;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	margin-top: -22px;
	padding: 16px;
	position: absolute;
	right: 0px;
	text-shadow: black 0 0 2px;
	top: 50%;
	transition: 0.6s ease;
	width: auto;
}

/* При наведении на кнопки добавляем фон кнопок */
.previous:hover,
.next:hover
{
	background-color: rgba(0, 0, 0, 0.2);
}

.slider
{
	-ms-grid-columns: 100%;
	display: grid;
	display: -ms-grid;
	overflow: hidden;
	position: relative;
}

.slide
{
	-ms-grid-column: 1;
	-ms-grid-row: 1;
	grid-column: 1;
	grid-row: 1;
	position: relative;
}