.gradient-shadow-border{--border-width:2px;--shadow-blur:5px}.gradient-shadow-border:before{content:"";z-index:-1;padding:var(--border-width);-webkit-mask-composite:xor;background:linear-gradient(60deg,#4281ff,#42b0ff,#16a249,#42a4ff,#20d3ee) 0/300% 300%;border-radius:50px;animation:6s infinite alternate moveGradient;position:absolute;top:0;bottom:0;left:0;right: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}.gradient-shadow-border:after{content:"";top:calc(-1 * var(--shadow-blur));left:calc(-1 * var(--shadow-blur));right:calc(-1 * var(--shadow-blur));bottom:calc(-1 * var(--shadow-blur));z-index:-2;filter:blur(var(--shadow-blur));opacity:.7;background:linear-gradient(60deg,#4281ff,#42b0ff,#16a249,#42a4ff,#20d3ee) 0/300% 300%;border-radius:50px;animation:6s infinite alternate moveGradient;position:absolute}@keyframes moveGradient{50%{background-position:100%}}