.button{--border_radius:9999px;--transtion:.3s ease-in-out;--offset:2px;transform-origin:50%;border-radius:var(--border_radius);transform:scale(calc(1 + var(--active,0) * .1));transition:transform var(--transtion);background-color:#0000}.button:before{content:"";background-color:var(--color-primary);border-radius:var(--border_radius);width:100%;height:100%;transition:all var(--transtion);z-index:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.button:after{content:"";border-radius:var(--border_radius);background:linear-gradient(to top right,#ffffff14,#ffffff26);width:100%;height:100%;position:absolute;top:0%;left:0%}.button:hover:after{background:linear-gradient(to top right,#ffffff26,#ffffff14)}.button .dots_border{--size_border:calc(100% + 2px);width:var(--size_border);height:var(--size_border);border-radius:var(--border_radius);z-index:-10;background-color:#0000;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.button .dots_border:before{content:"";transform-origin:0;background-color:#fff;width:100%;height:1.5rem;animation:2s linear infinite rotate;position:absolute;top:30%;left:50%;transform:rotate(0);-webkit-mask:linear-gradient(#0000 0%,#fff 120%);mask:linear-gradient(#0000 0%,#fff 120%)}@keyframes rotate{to{transform:rotate(360deg)}}.button .sparkle{z-index:10;width:1.75rem;position:relative}.button .sparkle .path{fill:currentColor;stroke:currentColor;transform-origin:50%;color:#fff}.button .sparkle .path:first-child{--scale_path_1:1.2}.button .sparkle .path:nth-child(2){--scale_path_2:1.2}.button .sparkle .path:nth-child(3){--scale_path_3:1.2}@keyframes 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))}}@keyframes expand-width-fade-in{to{opacity:1;width:100%}}.expand-width-fade-in{opacity:0;width:90%;margin:0 auto;animation:.6s ease-in forwards expand-width-fade-in}