.gradient-border{--radius:24px;--spread:4px;position:relative;border-radius:var(--radius)}.gradient-border:before{content:"";position:absolute;inset:calc(-1 * var(--spread));border-radius:calc(var(--radius) + var(--spread));background:var(--gradient-card-hover-effect);pointer-events:none;z-index:0;opacity:0;transition:opacity .3s ease;will-change:opacity}.gradient-border.is-active:before,.gradient-border:hover:before,.group:hover .gradient-border:before{opacity:1}.bg-gradient{background-image:linear-gradient(180deg,#fff,rgba(250,250,249,0) 77.5%),url(/assets/images/tool-hub/bg-gradient.png);background-position:top,50%;background-size:auto,cover;background-repeat:no-repeat;background-color:rgba(255,255,255,.8);backdrop-filter:blur(20px);transition:background-image,opacity .3s ease;opacity:0}.group-hover .bg-gradient{opacity:1}