/* 位于 .prose 内，用 a.back-button 并在 post.css 之后加载，盖过 .prose a 的下划线和颜色 */
a.back-button {
  width: 8rem;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-family: var(--sans);
  font-size: var(--font-size-m);
  letter-spacing: 0;
  line-height: 1.75;
  color: var(--text-secondary);
  cursor: pointer;
  border: none;
  background-color: transparent;
  position: relative;
  margin-bottom: 2.5em;
  padding: 0;
  left: -0.175em;
  transition: color 0.2s ease-out;
  text-decoration: none;
}

a.back-button:hover {
  color: var(--text-primary);
}

@media (hover: none) and (pointer: coarse) {
  a.back-button:hover {
    color: var(--text-secondary);
  }
}

a.back-button svg {
  width: 0.8rem;
  height: 0.8rem;
  flex-shrink: 0;
}

a.back-button.fixed-position {
  position: fixed;
  top: 6rem;
  margin-bottom: 0;
  padding-left: 0.75rem;
  z-index: 10;
}