@property --cta-radial{syntax:"<percentage>";inherits:false;initial-value:0%}.cta-primary-radial{--cta-radial:0%;background-image:radial-gradient(circle at center, var(--color-fl-red-h) var(--cta-radial), var(--color-fl-red) var(--cta-radial));transition:--cta-radial .3s cubic-bezier(.4,0,1,1),box-shadow .2s!important}.cta-primary-radial:hover{--cta-radial:120%}@property --cta-blue-radial{syntax:"<percentage>";inherits:false;initial-value:0%}.cta-blue-radial{--cta-blue-radial:0%;background-image:radial-gradient(circle at center, var(--color-fl-blue-h) var(--cta-blue-radial), var(--color-fl-blue) var(--cta-blue-radial));transition:--cta-blue-radial .3s cubic-bezier(.4,0,1,1),box-shadow .2s!important}.cta-blue-radial:hover{--cta-blue-radial:120%}.cta-border-grow{position:relative}.cta-border-grow:after{content:"";background-image:linear-gradient(var(--color-fl-red-border), var(--color-fl-red-border)), linear-gradient(var(--color-fl-red-border), var(--color-fl-red-border)), linear-gradient(var(--color-fl-red-border), var(--color-fl-red-border)), linear-gradient(var(--color-fl-red-border), var(--color-fl-red-border));pointer-events:none;background-position:0 0,100% 100%,0 100%,100% 0;background-repeat:no-repeat;background-size:0% 1px,0% 1px,1px 0%,1px 0%;transition:background-size .4s cubic-bezier(.4,0,1,1);position:absolute;inset:-1px}.cta-border-grow:hover:after{background-size:100% 1px,100% 1px,1px 100%,1px 100%}
