@layer global{.arrow-button{display:inline-flex;align-items:center;flex-direction:row;text-decoration:none;color:inherit}@media (hover: hover){.arrow-button:hover .icon:after{opacity:1}.arrow-button:hover svg{color:var(--dark)}}@media (pointer: coarse){.arrow-button:active .icon:after{opacity:1}.arrow-button:active svg{color:var(--dark)}}.arrow-button .text{margin-right:.3rem;color:inherit;font-family:Inter;font-size:1.6rem;font-style:normal;font-weight:500;line-height:normal;letter-spacing:.016rem;pointer-events:none}.arrow-button .icon{position:relative;pointer-events:none}.arrow-button .icon:after{position:absolute;inset:.3rem;z-index:-1;content:"";display:block;border-radius:100%;background-color:var(--yellow);opacity:0;transition:all .6s cubic-bezier(.65,.05,.36,1)}.arrow-button svg{color:inherit;fill:currentColor;will-change:transform;transition:all .6s cubic-bezier(.65,.05,.36,1);pointer-events:none}}