/* Shared CTA alignment; a single CSS chevron, independent of font metrics. */
a:has(> .cta-chevron) {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.button:has(> .cta-chevron) { gap: 35px; }
:is(a > .cta-chevron, .closing-product-copy > .cta-chevron) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: static;
  width: 20px;
  height: 24px;
  flex: 0 0 20px;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  transition: transform .2s ease;
}
:is(a > .cta-chevron, .closing-product-copy > .cta-chevron)::before {
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: translateX(-2px) rotate(45deg);
}
.closing-product-copy > .cta-chevron {
  width: 38px;
  height: 38px;
  flex-basis: 38px;
  border: 1px solid #c3d5df;
  border-radius: 50%;
}
a:hover > .cta-chevron, a:focus-visible > .cta-chevron,
a.closing-primary:hover .closing-product-copy > .cta-chevron,
a.closing-primary:focus-visible .closing-product-copy > .cta-chevron {
  transform: translateX(4px);
}
@media (prefers-reduced-motion: reduce) {
  :is(a > .cta-chevron, .closing-product-copy > .cta-chevron) { transition: none; }
  a:hover > .cta-chevron, a:focus-visible > .cta-chevron,
a.closing-primary:hover .closing-product-copy > .cta-chevron,
a.closing-primary:focus-visible .closing-product-copy > .cta-chevron { transform: none; }
}