.article-nav-btn{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:clamp(2.75rem,8vw,3.25rem);height:clamp(2.75rem,8vw,3.25rem);border-radius:9999px;background-color:var(--color-charcoal);color:var(--color-cream);transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.article-nav-btn:focus-visible,.article-nav-btn:hover:not(:disabled){background-color:var(--color-lime);color:var(--color-charcoal)}.article-nav-btn:disabled{pointer-events:none;opacity:.3}.article-nav-btn:disabled:hover{background-color:var(--color-charcoal);color:var(--color-cream)}.article-nav-btn__icon{display:block;flex-shrink:0;width:clamp(1.125rem,3vw,1.375rem);height:clamp(1.125rem,3vw,1.375rem);transform:none;transition:transform .3s cubic-bezier(.4,0,.2,1)}@media (hover:hover) and (pointer:fine){.article-nav-btn--left:hover:not(:disabled) .article-nav-btn__icon{transform:translateX(-2px)}.article-nav-btn--right:hover:not(:disabled) .article-nav-btn__icon{transform:translateX(2px)}}.article-nav-btn--left:focus-visible:not(:disabled) .article-nav-btn__icon{transform:translateX(-2px)}.article-nav-btn--right:focus-visible:not(:disabled) .article-nav-btn__icon{transform:translateX(2px)}@media (prefers-reduced-motion:reduce){.article-nav-btn,.article-nav-btn__icon{transition:none!important}}