.slide-nav {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  font-size: 3rem;
  color: #aaa;
  background-color: rgba(0 0 0 / 20%);
  padding: 0.2em 0.5em;
  cursor: pointer;
  transition: all 0.3s ease;
  opacity: 0;
  z-index: 1000;
  user-select: none;
}

#nav-left {
  left: 10px;
  border-radius: 0 8px 8px 0;
}

#nav-right {
  right: 10px;
  border-radius: 8px 0 0 8px;
}

body:hover #nav-left,
body:hover #nav-right {
  opacity: 0.6;
}

.slide-nav:hover {
  opacity: 1;
  background-color: rgba(0 0 0 / 40%);
}