Previous/Next buttons are broken and trying to replace those ones.

[iyamus]

I found previous/next buttons are broken due to the link in the demo, so I tried to replace those buttons from the images located in "public" directory in my development env. However, when I tried to like the below, it occurs an error.

.previousButton,
.nextButton {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: url("%PUBLIC_URL%/assets/icons/arrow_back.svg") no-repeat center center /
/*   background: url("/public/assets/icons/arrow_back.svg") no-repeat center center /  not working as well  */
    16px;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  cursor: pointer;
}

.previousButton:hover,
.nextButton:hover {
  background: url("%PUBLIC_URL%/assets/icons/arrow_back.svg") no-repeat center center /
    16px;
}

Could you let me know how to deal with this?

[shareef-dweikat]

@iyamus did you find a solution?