/* Action button shown as a text link (T12): the same data and labels as the pill button,
   rendered as an underlined link with an arrow, at body size, inside the text flow.
   The pill style is T02's .btn (css/base/components.css). Tokens only. */

.action-link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--tap-min);         /* B6: 44 px tap height, also on phones */
  max-width: 100%;
  font-size: var(--fs-body);
  font-weight: var(--fw-semibold);
  line-height: 1.3;
  color: var(--color-link);
  text-decoration: underline;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}
.action-link:hover { color: var(--color-link-hover); }
.action-link .action-arrow { flex: none; width: 14px; height: 14px; }