#backToTop {
  display: none; /* Скроется/появится через JS */
  position: fixed;
  bottom: 30px;
  right: 2%;
  z-index: 1000;

  /* Круглая форма */
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #04395e;
  opacity: 0.8;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);

  /* Центрирование содержимого */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  transition: all 0.3s ease;
}

/* Рисуем жирную стрелку */
.arrow-up {
  width: 15px;
  height: 15px;
  border-top: 5px solid white; /* Толщина стрелки */
  border-left: 5px solid white; /* Толщина стрелки */
  transform: rotate(45deg); /* Поворачиваем, чтобы стал "уголком" */
  margin-top: 7px; /* Смещение вниз для визуальной центровки уголка */
}

#backToTop:hover {
  background-color: #04395e;
  opacity: 100%;
  transform: translateY(-5px);
  border: solid 2px #b7b7b7;
}

@media (max-width: 768px) {
  #backToTop {
    display: none !important; 
  }
}