@media screen and (max-width: 1200px) {
	.btn-up {
		/* фиксированное позиционирование */
		position: fixed;
		/* цвет фона */
		background-color: #e4eeff;
		/* расстояние от правого края окна браузера */
		right: 20px;
		/* расстояние от нижнего края окна браузера */
		bottom: 0;
		/* скругление верхнего левого угла */
		border-top-left-radius: 8px;
		/* скругление верхнего правого угла */
		border-top-right-radius: 8px;
		/* вид курсора */
		cursor: pointer;
		/* отображение элемента как flex */
		display: flex;
		/* выравниваем элементы внутри элемента по центру вдоль поперечной оси */
		align-items: center;
		/* выравниваем элементы внутри элемента по центру вдоль главной оси */
		justify-content: center;
		/* ширина элемента */
		width: 60px;
		/* высота элемента */
		height: 50px;
	}

	.btn-up::before {
		content: '';
		width: 40px;
		height: 40px;
		background: transparent no-repeat center center;
		background-size: 100% 100%;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3E%3C/svg%3E");
	}

	.btn-up_hide {
		display: none;
	}
}
@media (hover: hover) and (pointer: fine) {
	.btn-up:hover {
		background-color: #e4eeff; /* цвет заднего фона при наведении */
	}
}

@media screen and (max-width: 1200px) {
	.btn-up {
		position: fixed;
		background-color: #e4eeff;
		right: 20px;
		bottom: 20px;
		border-radius: 22px;
		cursor: pointer;
		width: 44px;
		height: 44px;
		opacity: 0.8;
	}

	.btn-up::before {
		content: '';
		text-align: center;
		position: absolute;
		width: 20px;
		height: 20px;
		left: 12px;
		top: 12px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 17V4M3 10l7-7 7 7'/%3E%3C/g%3E%3C/svg%3E");
	}
}
.btn-up {
	/* display: none; */
}
@media screen and (max-width: 1200px) {
	/* .btn-up {
		display: flex;
	} */
}
@media screen and (min-width: 1200px) {
	.btn-up {
		/* display: none; */
	}
}