#fbbPageScrollNav{
  position:fixed;
  right:18px;
  bottom:22px;
  z-index:9997;
  display:flex;
  flex-direction:column;
  gap:9px;
}

.fbb-page-scroll-button{
  display:grid;
  width:44px;
  height:44px;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  background:rgba(10,14,18,.94);
  color:#fff;
  font:900 22px/1 Arial,sans-serif;
  cursor:pointer;
  box-shadow:
    0 10px 28px rgba(0,0,0,.34),
    0 0 0 1px rgba(0,177,255,.07);
  backdrop-filter:blur(10px);
  transition:
    opacity .18s ease,
    transform .18s ease,
    border-color .18s ease,
    background .18s ease;
}

.fbb-page-scroll-button:hover{
  border-color:#00b1ff;
  background:#111a22;
  transform:translateY(-2px);
}

.fbb-page-scroll-button:focus-visible{
  outline:3px solid rgba(0,177,255,.38);
  outline-offset:3px;
}

.fbb-page-scroll-button[data-hidden="true"]{
  opacity:0;
  pointer-events:none;
  transform:translateY(7px);
}

#fbbScrollDown{
  color:#00ff87;
}

#fbbScrollUp{
  color:#00b1ff;
}

@media(max-width:760px){
  #fbbPageScrollNav{
    right:13px;
    bottom:88px;
  }

  .fbb-page-scroll-button{
    width:42px;
    height:42px;
    font-size:21px;
  }
}

@media(prefers-reduced-motion:reduce){
  .fbb-page-scroll-button{
    transition:none;
  }
}