.scroll-top-btn {
  align-items: center;
  background: #111114;
  border: none;
  border-radius: 999px;
  bottom: 20px;
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 44px;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  left: 50%;
  position: fixed;
  transform: translateX(-50%) translateY(8px);
  transition: opacity 0.2s ease, transform 0.2s ease;
  width: 44px;
  z-index: 999;
}

.scroll-top-btn--visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

body.cs-modal-open .scroll-top-btn,
body.exchange-modal-open .scroll-top-btn,
body.orders-modal-open .scroll-top-btn,
html.public-auth-sheet-open .scroll-top-btn {
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(8px);
}