.gb-scroll-top{
  position:fixed;
  right:18px;
  bottom:68px;
  z-index:2147482890;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  background:#0b1320;
  color:#fff;
  box-shadow:0 10px 30px rgba(0,0,0,.28);
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(10px);
  transition:
    opacity .18s ease,
    transform .18s ease,
    visibility .18s ease,
    background .18s ease,
    border-color .18s ease;
}

.gb-scroll-top:hover{
  background:#142238;
  border-color:rgba(255,255,255,.28);
}

.gb-scroll-top.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}

.gb-scroll-top svg{
  width:20px;
  height:20px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.gb-scroll-top:focus-visible{
  outline:3px solid #72adff;
  outline-offset:3px;
}

@media (max-width:560px){
  .gb-scroll-top{
    right:10px;
    bottom:62px;
    width:42px;
    height:42px;
  }
}

@media (prefers-reduced-motion:reduce){
  .gb-scroll-top{
    transition:none;
  }
}
