.newsite .scrollToTopBlank {
  height: 168px;
}
@media screen and (min-width: 768px) {
  .newsite .scrollToTopBlank {
    height: 0;
  }
}

@media screen and (min-width: 768px) {
  html[data-lang='en'] .scrollToTop,
  html:has(.newfooter--en) .scrollToTop {
    bottom: 86px;
  }
}
@media screen and (min-width: 768px) {
  html[data-lang='en'] .scrollToTop button,
  html:has(.newfooter--en) .scrollToTop button {
    bottom: -66px;
  }
}

.newsite .scrollToTop {
  position: sticky;
  z-index: 30;
  bottom: -40px;
  transition:
    opacity 0.3s ease-in-out,
    visibility 0.3s ease-in-out;
}
@media screen and (min-width: 768px) {
  .newsite .scrollToTop {
    bottom: 106px;
  }
}
.newsite .scrollToTop button {
  position: absolute;
  right: 0;
  width: 48px;
  height: 48px;
  box-shadow: 0 0 0 1px #9ea3a6;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  right: 12px;
  bottom: 60px;
}
@media screen and (min-width: 768px) {
  .newsite .scrollToTop button {
    bottom: -86px;
    right: 16px;
    transition: box-shadow 0.2s ease-in-out;
  }
  .newsite .scrollToTop button:hover {
    box-shadow: 0 0 0 2px #595757;
  }
}
.newsite .scrollToTop svg {
  display: block;
  width: 24px;
  height: 10px;
}
.newsite .scrollToTop[aria-hidden='true'] {
  opacity: 0;
  visibility: hidden;
}