/* Возврат внутри содержимого — для экранов без шапки:
   вход, регистрация, карта по коду. */

.backlink {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-1);
  margin-bottom: var(--sp-6);
  margin-left: calc(var(--sp-2) * -1);
  padding: var(--sp-2);
  align-self: flex-start;
  border-radius: var(--r-sm);
  color: var(--text-dim);
  font-size: var(--fs-sm);
  font-weight: 600;
  text-decoration: none;
  background: none;
  border: none;
  font-family: inherit;
  cursor: pointer;
  transition: background var(--fast) var(--ease),
              color var(--fast) var(--ease);
}

.backlink:active { background: var(--surface); }

.backlink .icon {
  width: var(--fs-md);
  height: var(--fs-md);
}

/* Наведение только там, где есть мышь: на телефоне hover залипает
   после касания и оставляет кнопку подсвеченной. */
@media (hover: hover) {
  .backlink:hover {
    background: var(--surface);
    color: var(--text);
  }
}