.gallery-btn {
  background: rgb(65 65 65 / 0%);
  width: 76px;
  height: 100%;
  text-align: center;
  padding: 0 0 0 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;

  max-height: calc(100vh - var(--navbar-height));
  position: absolute;
  top: 0;
  left: 0;
}

.gallery-btn.next {
  left: -76px;
}

.gallery-btn:hover {
  cursor: pointer;
  background: rgb(65 65 65 / 10%);
}

.gallery-btn svg {
  filter: invert(0%) saturate(0%) brightness(0%) contrast(0%);
  width: 50px;
  height: 270px;
  margin: 15px 0;
  max-height:100%;
}

.gallery-btn:hover svg {
  filter: invert(100%) saturate(100%) brightness(100%) contrast(100%);
}