.scroll-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 500;
  font-size: 0;
  width: 55px;
  height: 45px;
  background-color: #000000;
  background-size: 50% 50%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border-radius: 0;
  transition: all 300ms ease;
  cursor: pointer;
  background-image: url(images/icon-down-orange.svg);
  transform: rotate(180deg);
  border: none;
}
@media screen and (min-width: 1080px) {
  .scroll-top {
    width: 55px;
    height: 45px;
    margin: 0 -10px;
  }
  .scroll-top:hover {
    background-color: #F4BD56;
    background-image: url(images/icon-down-black.svg);
  }
}
.scroll-top:active {
  background-color: #F4BD56;
}