.styled-button{border-radius:var(--border-radius);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;border:none;justify-content:center;align-items:center;gap:12px;font-weight:500;text-decoration:none;transition:all .2s,visibility;display:flex;position:relative}.styled-button svg{color:var(--accent)}.styled-button>img{height:24px}.styled-button:hover{scale:1.1}.styled-button:hover .effect.effect-1{opacity:1;left:-10%}.styled-button:hover .effect.effect-3{background:linear-gradient(90deg,#0000,#fff,#0000)}.styled-button:active{scale:.9}.styled-button[data-size=sm]{--border-radius:15px;height:32px;padding:0 12px;font-size:12px}.styled-button[data-size=md]{--border-radius:18px;height:48px;padding:0 20px}.styled-button[data-size=lg]{--border-radius:20px;height:55px;padding:0 25px}.styled-button[data-priority=primary]{background-color:var(--accent-button-main);color:#fff;box-shadow:0 4px 0 var(--accent-button-shadow),0 3px 0 6px #000,0 3px 0 9px #fff;outline-offset:3px;outline:2px solid #fff0;font-family:FIZIfont}.styled-button[data-priority=primary][data-size=sm]{--border-radius:12px;height:32px;box-shadow:0 3px 0 var(--accent-button-shadow),0 2px 0 4px #000,0 2px 0 6px #fff;padding:0 15px;font-size:12px}.styled-button[data-priority=primary][data-size=md]{--border-radius:15px;padding:0 30px}.styled-button[data-priority=primary][data-size=lg]{--border-radius:18px;padding:0 35px}.styled-button[data-priority=primary] svg{color:#fff}.styled-button[data-priority=secondary]{color:#fff;-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);overflow:hidden;box-shadow:0 0 50px #fff0,inset 0 1px #ffffff80,inset 0 -1px #fff3,inset -1px 0 #ffffff26,inset 1px 0 #ffffff26}.styled-button[data-priority=secondary]:hover,.styled-button[data-priority=secondary]:focus-visible{box-shadow:0 0 50px #ffffff1a,inset 0 1px #ffffffb3,inset 0 -1px #ffffff4d,inset -1px 0 #ffffff26,inset 1px 0 #ffffff26}.styled-button[data-priority=tertiary]{color:#fff;background-color:#fff0;overflow:hidden;box-shadow:0 0 50px #fff0,inset 0 1px #fff0,inset 0 -1px #fff0,inset -1px 0 #fff0,inset 1px 0 #fff0}.styled-button[data-priority=tertiary]>.effect,.styled-button[data-priority=tertiary]>.effect.effect-1{opacity:0}.styled-button[data-priority=tertiary]:hover,.styled-button[data-priority=tertiary]:focus-visible{outline:none;box-shadow:0 0 50px #ffffff1a,inset 0 1px #ffffff40,inset 0 -1px #ffffff1a,inset -1px 0 #ffffff14,inset 1px 0 #ffffff14}.styled-button[data-priority=tertiary]:hover>.effect,.styled-button[data-priority=tertiary]:hover>.effect.effect-3,.styled-button[data-priority=tertiary]:focus-visible>.effect,.styled-button[data-priority=tertiary]:focus-visible>.effect.effect-3{opacity:.7}.styled-button>.effect{pointer-events:none;transition:all .2s;position:absolute}.styled-button>.effect.effect-1{border-radius:calc(var(--border-radius) - 0px);mix-blend-mode:overlay;opacity:.5;background:radial-gradient(circle at 35% 20%,#fff3 0%,#0000 70%);width:200%;height:100%;top:0;left:-80%}.styled-button>.effect.effect-2{border-radius:calc(var(--border-radius) - 0px);pointer-events:none;inset:0;box-shadow:inset 0 0 2px #ffffff26,inset 0 2px 2px #ffffff0d,inset 0 -2px 2px #ffffff0d}.styled-button>.effect.effect-3{background:linear-gradient(90deg,#0000,#fff9,#0000);height:1px;top:0;left:10%;right:10%}.styled-button>.effect.effect-4{border-radius:var(--border-radius);background:linear-gradient(#3939390d 1%,#97979714 100%);padding:1px;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)}