/* =========================================================================
   Element · Text w/Arrow — drawn on Global: Elements (1994:2891 default,
   1994:2894 hover). Label + chevron, centred; on hover both go Blue.
   Raw in Figma (no text style, no variables): the label is ArponaSans
   Regular 24/26, −3% (written with the Type Scale's font-size/24 and
   line-height/26); the gap is 10; the chevron 6 × 10.8, stroke 1.5.
   ========================================================================= */
.e-text-arrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--color-black);
  text-decoration: none;
  transition: color var(--ds-title-duration) var(--ds-hover-ease);
}
.e-text-arrow__label {
  display: block;
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: var(--font-size-24);
  line-height: var(--line-height-26);
  letter-spacing: -0.03em;
  font-feature-settings: "dlig" 1;
}
@supports (text-box: trim-both cap alphabetic) {
  .e-text-arrow__label { text-box: trim-both cap alphabetic; }
}
.e-text-arrow__chevron { display: block; flex: none; overflow: visible; }
@media (any-hover: hover) {
  .e-text-arrow:is(:hover, :focus-visible) { color: var(--color-blue); }
}
@media (prefers-reduced-motion: reduce) {
  .e-text-arrow { transition: none; }
}