body[data-scroll='0'] {
  .scrollToTop {
    opacity: 0;
  }
}

.showScrollToTopButton {
  @include max(mobile) {
      display: none !important;
  }
}

.scrollToTop {
  z-index: map-get($z-index, scroll-to-top);
  border-radius: 50%;
  position: relative;
  background-color: var(--scroll-to-top-background-color);
  width: 64px;
  height: 64px;
  text-align: center;
  bottom: 47rem;
  position: fixed;
  right: 0;

  &:before {
    @include arrow(#000, 2rem, up, false);
    position: absolute;
    bottom: calc(50% - 1.25rem);
    left: calc(50% - 1rem);
  }

  &.cookieAccepted {
    bottom: 25rem;

    &.closedBanner {
      bottom: 0;
    }

    @include min(tablet) {
      bottom: 11rem;
    }
  }

  &.closedBanner {
    bottom: 22rem;

    @include min(tablet) {
      bottom: 16.2rem;
    }

    @include min(laptop) {
      bottom: 7.4rem;
    }
  }

  @include min(tablet) {
    bottom: 27.2rem;
  }

  @include min(laptop) {
    bottom: 18.4rem;
  }
}
