.scroll-btn {
	position: fixed;
	width: 50px;
	height: 60px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 999;
	cursor: pointer;
	background-color: rgba(70, 70, 70, 0.6);
	border: none;
	right: 20px;
	transition: all 0.3s;
	backdrop-filter: blur(5px);
}

.scroll-btn:hover {
	background-color: rgba(70, 70, 70, 0.5);
}

.scroll-up {
	bottom: 90px;
}

.scroll-down {
	bottom: 20px;
}

/* Треугольные стрелки */
.arrow-up {
	width: 0;
	height: 0;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-bottom: 25px solid white;
}

.arrow-down {
	width: 0;
	height: 0;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-top: 25px solid white;
}

.hidden {
	opacity: 0;
	visibility: hidden;
}