@keyframes infinite-move{0%{background-position:calc(100px / sin(120deg)) 0}}.bar{height:30px;position:relative}.bar,.bar:before{border-radius:12px}.bar:before{content:"";height:100%;width:100%;left:0;position:absolute;z-index:-1;background:repeating-linear-gradient(120deg,#fdf75e,#ebabab,#63e0f2,#a270f8,#fdf75e 100px);background-size:calc(100px / sin(120deg)) 100%;animation:infinite-move 1s linear infinite reverse}.x-button{background-color:#000;color:#fff;border:1px solid #fff;padding:10px 20px;font-size:16px;font-weight:700;border-radius:50px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .3s,transform .2s}.x-button:hover{background-color:#1d9bf0;transform:scale(1.05)}.x-icon{width:18px;height:18px;fill:#fff}