.gradient-border-web{border-radius:1rem;position:relative;overflow:hidden;background:linear-gradient(to right,var(--background-main-gradient) 0,var(--background-main-gradient) 0);background-size:200% 100%;background-position:100%;transition:background-position .5s ease-in-out}.gradient-border-web:after{content:"";position:absolute;inset:0;background:var(--background-main-gradient);transform:translateX(-100%);transition:transform .5s ease-in-out;z-index:1;pointer-events:none}.gradient-border-web:hover:after{transform:translateX(0)}.gradient-border-ai>*,.gradient-border-web>*{position:relative;z-index:2}.gradient-border-web:before{content:"";position:absolute;inset:0;padding:2px;background:var(--background-main-gradient);border-radius:inherit;mask:conic-gradient(#000 0 0) content-box exclude,conic-gradient(#000 0 0);pointer-events:none;z-index:3}.arrow-bg{background-color:var(--background)}.gradient-border-ai{border-radius:1rem;position:relative;overflow:hidden;background:var(--background);transition:background-position .5s ease-in-out}.gradient-border-ai>*{position:relative;z-index:2}.gradient-border-ai:after{content:"";position:absolute;inset:0;background:var(--background-ai-gradient);transform:translateX(0);transition:transform .45s ease-in-out;z-index:1;pointer-events:none}.gradient-border-ai:hover:after{transform:translateX(-100%)}.gradient-border-ai:before{content:"";position:absolute;inset:0;padding:2px;background:var(--background-ai-gradient);border-radius:inherit;mask:conic-gradient(#000 0 0) content-box exclude,conic-gradient(#000 0 0);pointer-events:none;z-index:3}