.nw-listingpage-backtotopbutton {
  position: fixed;
  z-index: 1;
  bottom: 30px;
  right: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  transform: translate3d(0, 0, 0);
  box-shadow: 5px 4px 8px $default-color;
  border: 1px solid $concrete;
  border-radius: 100%;
  width: 60px;
  height: 60px;
  background: $white;
  font-size: $font-size-sm;
  font-weight: 700;
  contain: content;
  will-change: opacity, color;
}

@media screen and (min-width: $screen-min-sm) {
  .nw-listingpage-backtotopbutton {
    &:hover {
      box-shadow: none;
      color: $color-primary;
    }
  }
}