html{scroll-behavior:smooth}.gradient-border-anim{overflow:hidden;border-radius:10px;position:relative}.gradient-border-anim:before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;transition:0.5s;pointer-events:none}.gradient-border-anim span{position:absolute;top:0;left:0;width:100%;height:100%;display:block;box-sizing:border-box}.gradient-border-anim span:before{content:'';position:absolute;width:100%;height:3px;background:#f08700;animation:animate 4s linear infinite}@keyframes animate{0%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}50.1%{transform:scaleX(1);transform-origin:right}100%{transform:scaleX(0);transform-origin:right}}.gradient-border-anim span:nth-child(1){transform:rotate(0deg)}.gradient-border-anim span:nth-child(2){transform:rotate(90deg)}.gradient-border-anim span:nth-child(3){transform:rotate(180deg)}.gradient-border-anim span:nth-child(4){transform:rotate(270deg)}