/* The existing SKIN brand symbol replaces decorative CTA arrows. */
.skin-cta-mark, .skin-cta::after {
 display:inline-block; width:16px; height:16px; flex:0 0 16px; margin-left:.5em;
 background:currentColor; -webkit-mask:url('/assets/symbol.svg') center/contain no-repeat;
 mask:url('/assets/symbol.svg') center/contain no-repeat; vertical-align:-.13em;
}
.skin-cta::after { content:''; }
/* Flex ignores the text's trailing space. Supply a real gap where the older
   button styles do not have one; retain intentional page-specific spacing. */
:where(.button, .skin-nav-start) { column-gap:.65em; }
.button .skin-cta-mark, .skin-nav-start .skin-cta-mark, .plan-review-link .skin-cta-mark {
 width:18px; height:18px; flex-basis:18px;
}
/* Only direct flex children use gap. Inline and nested labels keep their margin. */
.button > .skin-cta-mark, .skin-nav-start > .skin-cta-mark { margin-left:0; }
.entry-path .entry-arrow.skin-cta-mark { width:20px; height:20px; flex-basis:20px; margin-left:0; }
.entry-path:hover .entry-arrow, .entry-path:focus-visible .entry-arrow { transform:none; }

html .entry-path:hover .entry-arrow, html .entry-path:focus-visible .entry-arrow { transform:none; }
.entry-arrow > .skin-cta-mark { width:20px; height:20px; margin-left:0; }