.scroll-to {
  scroll-margin: 5px;
}

.scroll-to__button {
  position: fixed;
  translate: calc(-100% - 5px) 10px;
  padding: 0 3px;
  border-radius: 5px;
  opacity: .5 !important;
  transition: none;
  z-index: 500;
}

.scroll-to__button .scroll-to__button__extra-text {
  display: none;
}

.scroll-to__button:hover {
  opacity: 1 !important;
}

.scroll-to__button:hover .scroll-to__button__extra-text {
  display: inline;
}

.modal-open .scroll-to__button {
  display: none;
}

/* サイドバー折りたためモードでサイドバーを表示している場合、ボタンをサイドバーの裏に */
.sidebar-mini:has(.sidebar:hover) .scroll-to__button {
  z-index: 9;
}