.gotop {
	width: 45px;
	height: 45px;
	position: fixed;
	bottom: 80px;
	right: 20px;
	background-color: #7a2d08;
	color: #FFFFFF;
	z-index: 999;
	background-image: url(../images/top.png);
	background-size: 60% auto;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius: 50%;
	display: none;
	cursor: pointer;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.3s ease, transform 0.3s ease, background-color 0.3s ease;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.gotop:hover {
	background-color: #5a1f06;
	transform: translateY(0) scale(1.1);
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.gotop.visible {
	opacity: 1;
	transform: translateY(0);
}

@media (max-width: 1000px) {
	.gotop {
		width: 40px;
		height: 40px;
		bottom: 70px;
		right: 15px;
	}
}