/* Style for scroll-top button */

.backToTopBtn {
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 1;
  height: 50px;
  width: 50px;
  font-size: 20px;
  border: none;
  color: #cccccc;
  border-radius: 100%;
  transition: 0.5s;
  cursor: pointer;
  padding: 0;
}

.backToTopBtn:not(:hover) {
  background: rgb(127,69,235);
}

.backToTopBtn:hover {
  background: rgb(156,109,244);
}

.backToTopBtn.active {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.backToTopBtn:not(.active) {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}