#upBtn {
  position: fixed;
  bottom: 12px;
  right: 28px;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(128, 128, 128, 0.4); /* серая полупрозрачная обводка */
  border-radius: 30%;
  background: rgba(255, 255, 255, 0.7); /* светлый полупрозрачный фон */
  backdrop-filter: none; /* размытие стекла — даёт контраст на любом фоне */
  -webkit-backdrop-filter: blur(8px);
  color: #333; /* тёмный текст для контраста */
  font-size: 24px;
  cursor: pointer;
  box-shadow: 
    0 2px 12px rgba(0, 0, 0, 0.15), /* тень для объёма */
    inset 0 1px 0 rgba(255, 255, 255, 0.6); /* светлый блик внутри */
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1000;
  line-height: 1;
  padding: 0;  
  -webkit-backdrop-filter: none;
  
}
/* убирают выделение */
button, a, #logoContainer {
  outline: none;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  -webkit-user-select: none;
}

button span {
	opacity: .6;
}

#upBtn.visible {
  opacity: 1;
  visibility: visible;
}

#upBtn:hover {
  background: rgba(255, 255, 255, 0.95);
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
  border-color: rgba(128, 128, 128, 0.6);
}

#upBtn:active {
  transform: translateY(0) scale(0.95);
}

/* Адаптив */
	@media (max-width: 768px) {
	  #upBtn {
		bottom: 10px;
		right: 10px;
		width: 50px;
		height: 50px;
		font-size: 20px;
	  }
	}  
	@media (hover: hover) {
	  #upBtn {
		background: rgba(255, 255, 255, 0.7);
		backdrop-filter: blur(8px);
		-webkit-backdrop-filter: blur(8px);
	  }
	}