/* Action button shown as a text link (MB-1, from Boyd 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 (.btn) is in starter.css. Tokens only. */

.action-link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--tap-min);
  max-width: 100%;
  font-size: var(--fs-body);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-label);
  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; }

/* MB-144: "(opens in a new tab)" after an outside address or a file's label, for screen readers only. */
.action-newtab { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }