.github-fab{
  position: fixed;
  left: 14px;
  bottom: 14px;
  z-index: 99999;

  display: inline-flex;
  align-items: center;
  gap: 10px;

  padding: 10px 14px;
  border-radius: 999px;

  background: rgba(0,0,0,.72);
  color: rgba(255,255,255,.92);
  text-decoration: none;

  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 14px 40px rgba(0,0,0,.25);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  font: 700 13px/1 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  letter-spacing: .02em;

  transition: transform 140ms ease, background-color 140ms ease, box-shadow 140ms ease;
}

.github-fab:hover{
  transform: translateY(-1px);
  background: rgba(0,0,0,.82);
  box-shadow: 0 18px 50px rgba(0,0,0,.30);
}

.github-fab:active{ transform: translateY(0); }

.github-fab:focus-visible{
  outline: 3px solid rgba(0,120,255,.35);
  outline-offset: 3px;
}

.gh-dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: currentColor;
  opacity: .9;
}

@media (max-width: 520px){
  .github-fab{
    left: 10px;
    bottom: 10px;
    padding: 9px 12px;
  }
}