.animated-border{z-index:0;background:#fff padding-box padding-box;border:2px solid #0000;border-radius:9999px;position:relative}.animated-border:before{content:"";z-index:-1;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(90deg,#06b6d4,#0ea5e9,#3b82f6,#06b6d4) 0 0/200% 200%;border-radius:9999px;padding:2px;animation:3s ease-in-out infinite borderFlow;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.animated-border:after{content:"";z-index:-1;pointer-events:none;background:#fff;border-radius:9999px;position:absolute;inset:2px}@keyframes borderFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}
.gradient-underline-text{display:inline-block;position:relative}.gradient-underline-text:after{content:"";background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:2px;width:100%;height:2px;display:block;position:absolute;bottom:-2px;left:0}