:root{--ab-border-size:2px;--ab-radius:12px;--ab-border-color:#789236;--ab-bg:#CFCFD9;--ab-speed:10s}.animated-border{position:relative;border-radius:var(--ab-radius);overflow:hidden;background:#fff0}.animated-border::before{content:"";position:absolute;left:50%;top:50%;width:160px;height:80%;transform:translate(-50%,-50%) rotate(0deg);background:linear-gradient(90deg,transparent,var(--ab-border-color),var(--ab-border-color),transparent);animation:ab-rotate var(--ab-speed) linear infinite;pointer-events:none}.animated-border::after{content:"";position:absolute;inset:var(--ab-border-size);border-radius:calc(var(--ab-radius) - var(--ab-border-size));background:var(--ab-bg);pointer-events:none}.animated-border>*{position:relative;z-index:1}@keyframes ab-rotate{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}