.member-back-link {
  position: fixed;
  z-index: 1000;
  inset-block-start: max(1rem, env(safe-area-inset-top));
  inset-inline-end: max(1rem, env(safe-area-inset-right));
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  padding: .65rem 1rem;
  border: 1px solid currentColor;
  border-radius: 999px;
  background: var(--hw-paper, #f7f1e7);
  box-shadow: 0 .2rem .8rem rgb(36 59 48 / 14%);
  color: var(--hw-pine, #243b30);
  font: 700 .9rem/1.1 var(--hw-font-sans, system-ui, sans-serif);
  text-decoration: none;
}

.member-back-link:hover {
  background: var(--hw-mist, #dce8e0);
}

.member-back-link:focus-visible {
  outline: 3px solid var(--hw-sage, #8fa78f);
  outline-offset: .2rem;
}

@media (max-width: 32rem) {
  .member-back-link {
    min-height: 2.5rem;
    padding: .55rem .8rem;
    font-size: .8rem;
  }
}