.library-link {
  position: fixed;
  top: max(.65rem, env(safe-area-inset-top));
  right: max(.65rem, env(safe-area-inset-right));
  z-index: 40;
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  padding: .55rem .8rem;
  color: #191d1b;
  background: rgb(250 246 236 / .92);
  border: 1px solid currentColor;
  box-shadow: 0 6px 20px rgb(0 0 0 / .12);
  font: 700 .7rem/1 system-ui, sans-serif;
  letter-spacing: .08em;
  text-decoration: none;
  text-transform: uppercase;
  backdrop-filter: blur(12px);
}

.library-link:hover {
  transform: translateY(-1px);
}

@media (max-width: 680px) {
  .library-link {
    min-height: 2.5rem;
    padding: .45rem .65rem;
    font-size: .63rem;
  }
}