@layer components{.c-arrow-button{--arrow-button-animation-direction:1;color:var(--button-text-color,var(--brand-black));cursor:pointer;display:inline-block;font-family:var(--tag-font-family),sans-serif;font-size:var(--button-font-size,1.05em);font-weight:var(--button-font-weight,var(--font-weight-bold));line-height:1.3;text-align:left;text-decoration:none;transition:color .25s ease}.c-arrow-button__icon{font-size:var(--button-icon-size,1.1em);margin-left:7px}.c-arrow-button--icon-left{--arrow-button-animation-direction:-1}.c-arrow-button--icon-left .c-arrow-button__icon{margin-left:0;margin-right:7px}.c-arrow-button:focus,.c-arrow-button:hover{color:var(--button-text-color-active,var(--brand-purple))}.c-arrow-button:focus .c-arrow-button__icon,.c-arrow-button:hover .c-arrow-button__icon{animation:iconPoke .4s forwards}.c-arrow-button-on-dark{--button-text-color-active:#fff}@keyframes iconPoke{0%{transform:translateX(0)}50%{transform:translateX(calc(.2em*var(--arrow-button-animation-direction, 1)))}to{transform:translateX(0)}}}