.fx-btn-animate{--black-700: #f4eef9;--border_radius: 9999px;--transtion: .3s ease-in-out;--offset: 2px;cursor:pointer;position:relative;display:flex;align-items:center;gap:.5rem;transform-origin:center;padding:7px 1rem;background-color:transparent;border:none;border-radius:var(--border_radius);transform:scale(calc(1 + (var(--active, 0) * .1)));transition:transform var(--transtion)}.fx-btn-animate:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:var(--black-700);border-radius:var(--border_radius);box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #a855f71f,0 2px 8px #a855f714,0 0 0 calc(var(--active,0) * .2rem) #9333ea2e;transition:all var(--transtion);z-index:0}.fx-btn-animate:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:#a855f71f;background-image:radial-gradient(at 50% 85%,rgba(196,181,253,.6) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(168,85,247,.18) 0,transparent 45%),radial-gradient(at 15% 90%,rgba(216,180,254,.18) 0,transparent 45%);background-position:top;opacity:var(--active, 0);border-radius:var(--border_radius);transition:opacity var(--transtion);z-index:2}.fx-btn-animate:active{transform:scale(1)}.fx-btn-animate .fx-btn-animate__border{--size_border: calc(100% + 4px) ;overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--size_border);height:var(--size_border);background-color:transparent;border-radius:var(--border_radius);z-index:-10}.fx-btn-animate .fx-btn-animate__border:before{content:"";position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);transform-origin:left;transform:rotate(0);width:100%;height:3rem;background:#a855f7;-webkit-mask:linear-gradient(90deg,transparent 0%,#a855f7 40%,#7c3aed 60%,transparent 100%);mask:linear-gradient(90deg,transparent 0%,#a855f7 40%,#7c3aed 60%,transparent 100%);animation:fx-btn-animate-rotate 2s linear infinite}@keyframes fx-btn-animate-rotate{to{transform:rotate(360deg)}}@keyframes fx-btn-animate-path{0%,34%,71%,to{transform:scale(1)}17%{transform:scale(var(--scale_path_1, 1))}49%{transform:scale(var(--scale_path_2, 1))}83%{transform:scale(var(--scale_path_3, 1))}}.fx-btn-animate .fx-btn-animate__text{position:relative;z-index:10;background-image:linear-gradient(90deg,#8b5cf6,#7c3aed);-webkit-background-clip:text;background-clip:text;color:#7b47ac;font-size:13px}.drawer-menu li.active span.fx-btn-animate__text{color:transparent!important}.fx_title-wrap{display:flex;align-items:center;gap:10px}
/*# sourceMappingURL=/cdn/shop/t/202/assets/fx-btn-animate.css.map */