/* ===== v8: arrow buttons animate like the text buttons ===== */
.round.fl{overflow:hidden;isolation:isolate;transition:box-shadow .4s,border-color .4s}
.round.fl:before{content:'';position:absolute;z-index:-1;width:100%;aspect-ratio:1;left:-100%;top:50%;translate:0 -50%;border-radius:50%;background:var(--blue);transition:all .7s ease}
.round.fl .fl-a{position:absolute;inset:0;display:grid;place-items:center;transition:rotate .3s linear,color .5s ease .1s}
.round.fl .a1,.round.fl .fl-c{display:none}
.round.fl:not(:disabled):hover{box-shadow:0 8px 18px #4261ee40}
/* final CTA arrow */
.final-cta>a:hover .final-arrow{transform:none;background:#dfeaf6;color:inherit}
.final-arrow .fl-svg{width:30%;height:30%}
/* hero pagination + counter */
.art-pagination button.active{background:var(--blue)}
.art-pagination #hero-count{font-size:12px;font-weight:500;color:#1c2f4d;text-shadow:0 0 8px #ffffff90;transition:color .6s}
.hero-art[data-bot=dark] #hero-count{color:#fff;text-shadow:0 1px 6px #0008}