/* Circular reading-progress ring for the global back-to-top button. */
.back-to-top {
  --back-to-top-progress: 0deg;
  isolation: isolate;
  background: conic-gradient(
    from -90deg,
    var(--blue) var(--back-to-top-progress),
    rgba(6, 170, 245, 0.18) var(--back-to-top-progress)
  );
}

.back-to-top::before {
  position: absolute;
  z-index: 0;
  inset: 3px;
  border-radius: inherit;
  background: #ffffff;
  pointer-events: none;
  content: "";
}

.back-to-top span {
  position: relative;
  z-index: 1;
  border-color: var(--blue);
}

.home-page .back-to-top:hover span,
.home-page .back-to-top:focus-visible span {
  border-color: #06aaf5;
}