#section-navigation-buttons {
  position: fixed;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  z-index: 9999;
}

.section-nav-button {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #6d38f1;
  color:#fff;
  border: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
  margin-bottom: 5vh;
  cursor: pointer;
  outline: none;
  padding-left:10px;
}

.arrow-up,
.arrow-down {
  display: block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
}

.arrow-up {
  background-image: url('up-arrow.svg'); /* Replace with the path to your up arrow icon */
  background-position: center center;
}

.arrow-down {
  background-image: url('down-arrow.svg'); /* Replace with the path to your down arrow icon */
  background-position: center center;
}