@property --gradient-border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes gradient-border-rotate{0%{--gradient-border-angle:0deg}to{--gradient-border-angle:360deg}}.gradient-animated-border{border:none;position:relative}.gradient-animated-border:before,.gradient-animated-border:after{content:"";background-position:0 0;background-size:100% 100%;background-image:conic-gradient(from var(--gradient-border-angle)at 50% 50%,#3a7bff 0%,#6fa8ff 25%,#ff9f2f 50%,#ff6a00 75%,#3a7bff 100%);pointer-events:none;border-radius:calc(1rem + 1.5px);width:100%;height:100%;animation:7s linear infinite gradient-border-rotate;display:block;position:absolute;top:0;left:0}.gradient-animated-border:after{opacity:.5;transition:opacity .25s}.gradient-animated-border:before{filter:blur(4.5px);opacity:.6;transition:opacity .25s}.gradient-animated-border:hover:before,.gradient-animated-border:hover:after{opacity:.8}@media (prefers-reduced-motion:reduce){.gradient-animated-border:before,.gradient-animated-border:after{background-image:linear-gradient(130.24deg,#3a7bff 13.8%,#6fa8ff 41.61%,#ff9f2f 69.42%,#ff6a00 93.26%);animation:none}.gradient-animated-border:before{filter:none}.gradient-animated-border:hover:before,.gradient-animated-border:hover:after{opacity:.8}}.gradient-animated-border-inner{z-index:1;background-color:#fff;border-radius:1rem;width:100%;position:relative}