@import "https://assets.elements.dev/assets/app/shared/styles/page.b167db396f67ed0.css";

/*
 * <InstallCtaLink> — quiet right-aligned link rendered as its OWN
 * row directly below the prev/parent/next nav-footer strip on
 * long-form surfaces. Lifted out of the nav grid (2026-05-19) so
 * the nav reads as a single navigation primitive and the install
 * nudge gets its own band: content → nav → install nudge.
 */

.install-cta-line {
  display: flex;
  justify-content: flex-end;
  margin: 10px 0 0;
}

.install-cta-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--accent);
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  padding: 4px 0;
  transition: color var(--duration-fast) var(--ease-out);
}
.install-cta-link:hover {
  color: var(--accent-deep);
}

.install-cta-arrow {
  width: 14px;
  height: 14px;
  display: inline-block;
  transition: transform var(--duration-fast) var(--ease-out);
}
.install-cta-link:hover .install-cta-arrow {
  transform: translateX(2px);
}