/* Keep each circular signpost still; only its decorative arrow moves. */
a.detail-link>.detail-link-arrow,
.news-arrow,
.trial-float-action>span{
  position:relative;
  font-size:0;
  line-height:0;
}
.news-arrow{--cta-arrow-size:18px}
.detail-link-arrow::before,
.news-arrow::before,
.trial-float-action>span::before{
  content:"";
  position:absolute;
  inset:0;
  margin:auto;
  display:block;
  width:var(--cta-arrow-size,22px);
  height:var(--cta-arrow-size,22px);
  background:currentColor;
  -webkit-mask:url("assets/cta-arrow.svg?v=5ebbf40471") center/contain no-repeat;
  mask:url("assets/cta-arrow.svg?v=5ebbf40471") center/contain no-repeat;
  pointer-events:none;
}
a.detail-link:is(:hover,:focus-visible)>.detail-link-arrow{transform:none}
@media(prefers-reduced-motion:no-preference){
  .detail-link-arrow::before,
  .news-arrow::before,
  .trial-float-action>span::before{
    animation:cta-arrow-invite 2.8s ease-in-out infinite;
  }
  html[data-motion-paused="true"] .detail-link-arrow::before,
  html[data-motion-paused="true"] .news-arrow::before,
  html[data-motion-paused="true"] .trial-float-action>span::before{
    animation-play-state:paused;
  }
}
@keyframes cta-arrow-invite{
  0%,60%,100%{transform:translateX(0)}
  24%{transform:translateX(3px)}
  42%{transform:translateX(-1px)}
}