.shapegrid-canvas{border:none;width:100%;height:100%;display:block}
.AnimatedButton-module__nb8tXG__btnWrapper{--dot-size:6px;--line-weight:1px;--line-distance:.9rem 1.1rem;--animation-speed:.35s;--dot-color:#666;--line-color:#999;width:auto;height:auto;padding:var(--line-distance);-webkit-user-select:none;user-select:none;background-color:#0000;justify-content:center;align-items:center;transition:background-color .3s ease-in-out;display:flex;position:relative}.AnimatedButton-module__nb8tXG__btnWrapper:has(.AnimatedButton-module__nb8tXG__btn:hover){animation:AnimatedButton-module__nb8tXG__backround-color-change calc(var(--animation-speed) * 4) ease-in-out forwards}@keyframes AnimatedButton-module__nb8tXG__backround-color-change{80%{background-color:#0000}to{background-color:#3b82f655}}.AnimatedButton-module__nb8tXG__btn{color:#fff;text-transform:capitalize;cursor:pointer;background-color:#3b82f6;background-image:linear-gradient(#0000,#0004);border:none;border-radius:30%/200%;justify-content:center;align-items:center;padding:.8rem 1.25rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;transition:background-color .2s ease-in-out,transform .2s ease-in-out,box-shadow .2s ease-in-out,border-radius .3s ease-in-out,border-color .2s ease-in-out;display:flex;position:relative;box-shadow:0 0 0 1px #0003,0 1px 1px #03071205,0 5px 4px #0307120a,0 12px 9px #0307120f,0 20px 15px #03071214,0 32px 24px #0307121a}.AnimatedButton-module__nb8tXG__btn:hover{background-color:#2563eb;border-radius:10%/200%;transform:scale(1.05)}.AnimatedButton-module__nb8tXG__btn:active{background-color:#3b82f6;border-radius:20%/200%;transform:scale(.98)}.AnimatedButton-module__nb8tXG__dot{width:var(--dot-size);aspect-ratio:1;background-color:var(--dot-color);opacity:0;border-radius:50%;transition:all .3s ease-in-out;position:absolute}.AnimatedButton-module__nb8tXG__btnWrapper:has(.AnimatedButton-module__nb8tXG__btn:hover) .AnimatedButton-module__nb8tXG__dotTopLeft{animation:AnimatedButton-module__nb8tXG__move-top-left var(--animation-speed) ease-in-out forwards;top:50%;left:20%}@keyframes AnimatedButton-module__nb8tXG__move-top-left{90%{opacity:.6}to{top:calc(var(--dot-size) * -.5);left:calc(var(--dot-size) * -.5);opacity:1}}.AnimatedButton-module__nb8tXG__btnWrapper:has(.AnimatedButton-module__nb8tXG__btn:hover) .AnimatedButton-module__nb8tXG__dotTopRight{animation:AnimatedButton-module__nb8tXG__move-top-right var(--animation-speed) ease-in-out forwards;animation-delay:calc(var(--animation-speed) * .6);top:50%;right:20%}@keyframes AnimatedButton-module__nb8tXG__move-top-right{80%{opacity:.6}to{top:calc(var(--dot-size) * -.5);right:calc(var(--dot-size) * -.5);opacity:1}}.AnimatedButton-module__nb8tXG__btnWrapper:has(.AnimatedButton-module__nb8tXG__btn:hover) .AnimatedButton-module__nb8tXG__dotBottomRight{animation:AnimatedButton-module__nb8tXG__move-bottom-right var(--animation-speed) ease-in-out forwards;animation-delay:calc(var(--animation-speed) * 1.2);bottom:50%;right:20%}@keyframes AnimatedButton-module__nb8tXG__move-bottom-right{80%{opacity:.6}to{bottom:calc(var(--dot-size) * -.5);right:calc(var(--dot-size) * -.5);opacity:1}}.AnimatedButton-module__nb8tXG__btnWrapper:has(.AnimatedButton-module__nb8tXG__btn:hover) .AnimatedButton-module__nb8tXG__dotBottomLeft{animation:AnimatedButton-module__nb8tXG__move-bottom-left var(--animation-speed) ease-in-out forwards;animation-delay:calc(var(--animation-speed) * 1.8);bottom:50%;left:20%}@keyframes AnimatedButton-module__nb8tXG__move-bottom-left{80%{opacity:.6}to{bottom:calc(var(--dot-size) * -.5);left:calc(var(--dot-size) * -.5);opacity:1}}.AnimatedButton-module__nb8tXG__line{transition:all .3s ease-in-out;position:absolute}.AnimatedButton-module__nb8tXG__lineHorizontal{height:var(--line-weight);background-image:repeating-linear-gradient(90deg, #0000 0 calc(var(--line-weight) * 2), var(--line-color) calc(var(--line-weight) * 2) calc(var(--line-weight) * 4));width:100%}.AnimatedButton-module__nb8tXG__lineTop{top:calc(var(--line-weight) * -.5);transform-origin:0 0;transform:rotate(5deg)scaleX(0)}.AnimatedButton-module__nb8tXG__btnWrapper:has(.AnimatedButton-module__nb8tXG__btn:hover) .AnimatedButton-module__nb8tXG__lineTop{animation:AnimatedButton-module__nb8tXG__draw-top var(--animation-speed) ease-in-out forwards;animation-delay:calc(var(--animation-speed) * .8)}@keyframes AnimatedButton-module__nb8tXG__draw-top{to{transform:rotate(0)scaleX(1)}}.AnimatedButton-module__nb8tXG__lineBottom{bottom:calc(var(--line-weight) * -.5);transform-origin:100% 100%;transform:rotate(5deg)scaleX(0)}.AnimatedButton-module__nb8tXG__btnWrapper:has(.AnimatedButton-module__nb8tXG__btn:hover) .AnimatedButton-module__nb8tXG__lineBottom{animation:AnimatedButton-module__nb8tXG__draw-bottom var(--animation-speed) ease-in-out forwards;animation-delay:calc(var(--animation-speed) * 2)}@keyframes AnimatedButton-module__nb8tXG__draw-bottom{to{transform:rotate(0)scaleX(1)}}.AnimatedButton-module__nb8tXG__lineVertical{width:var(--line-weight);background-image:repeating-linear-gradient(0deg, #0000 0 calc(var(--line-weight) * 2), var(--line-color) calc(var(--line-weight) * 2) calc(var(--line-weight) * 4));height:100%}.AnimatedButton-module__nb8tXG__lineLeft{left:calc(var(--line-weight) * -.5);transform-origin:0 100%;transform:rotate(0)scaleY(0)}.AnimatedButton-module__nb8tXG__btnWrapper:has(.AnimatedButton-module__nb8tXG__btn:hover) .AnimatedButton-module__nb8tXG__lineLeft{animation:AnimatedButton-module__nb8tXG__draw-left var(--animation-speed) ease-in-out forwards;animation-delay:calc(var(--animation-speed) * 2.4)}@keyframes AnimatedButton-module__nb8tXG__draw-left{to{transform:rotate(0)scaleY(1)}}.AnimatedButton-module__nb8tXG__lineRight{right:calc(var(--line-weight) * -.5);transform-origin:100% 0;transform:rotate(5deg)scaleY(0)}.AnimatedButton-module__nb8tXG__btnWrapper:has(.AnimatedButton-module__nb8tXG__btn:hover) .AnimatedButton-module__nb8tXG__lineRight{animation:AnimatedButton-module__nb8tXG__draw-right var(--animation-speed) ease-in-out forwards;animation-delay:calc(var(--animation-speed) * 1.4)}@keyframes AnimatedButton-module__nb8tXG__draw-right{to{transform:rotate(0)scaleY(1)}}
