.hand-drawn-btn-wrapper{display:inline-block;position:relative}.hand-drawn-btn-wrapper .hand-drawn-button{text-align:center;cursor:pointer;filter:url(#handDrawnNoise);-webkit-user-select:none;user-select:none;color:inherit;background-color:#0000;border-width:0;border-radius:2rem;align-items:center;gap:.5em;padding:.75em 1.25em;font-family:Courier New,monospace;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s ease-in-out;animation:1s ease-in-out infinite idle;display:inline-flex;position:relative;box-shadow:4px 4px 0 1px #3336}.dark .hand-drawn-btn-wrapper .hand-drawn-button{color:#e0e7ff;box-shadow:0 0 16px 2px #6366f159,0 0 4px 1px #6366f133,4px 4px 0 1px #6366f166}.hand-drawn-btn-wrapper .highlight{fill:#6366f166;stroke:#6366f180;stroke-width:10px;stroke-linecap:round;pointer-events:none;stroke-dasharray:1000;stroke-dashoffset:1000px;width:100%;height:100%;transition:stroke-dashoffset .5s ease-in-out;position:absolute;top:0;left:0}.hand-drawn-btn-wrapper .button-cosm{fill:#3336;transition:all .3s ease-out;position:absolute;translate:calc(16px - 100%) 1.2rem;scale:.5}.dark .hand-drawn-btn-wrapper .button-cosm{fill:#6366f173}@keyframes idle{0%{filter:url(#handDrawnNoise)}50%{filter:url(#handDrawnNoise2);rotate:2.5deg}to{filter:url(#handDrawnNoise)}}.hand-drawn-btn-wrapper .hand-drawn-button:hover{border-radius:2rem;animation:2.5s ease-in-out infinite hover;rotate:-2.5deg}.hand-drawn-btn-wrapper .hand-drawn-button:hover .highlight{stroke-dashoffset:0}.hand-drawn-btn-wrapper .hand-drawn-button:hover .button-cosm{translate:calc(14px - 100%) 1.4rem;rotate:-15deg}.hand-drawn-btn-wrapper .hand-drawn-button:active .highlight{stroke-dashoffset:1000px;stroke:#bc4e2666;animation:5s infinite highlight-anim,.5s forwards col}.hand-drawn-btn-wrapper .hand-drawn-button:active .button-cosm{fill:#333333f1;animation:none;translate:calc(40px - 100%) 1.2rem;rotate:-135deg}.hand-drawn-btn-wrapper .hand-drawn-button:active{border-radius:2rem;animation:1s ease-in-out infinite active;rotate:-2.5deg;box-shadow:inset 4px 4px 0 1px #333333f1}.dark .hand-drawn-btn-wrapper .hand-drawn-button:active{box-shadow:inset 4px 4px 0 1px #6366f180,0 0 12px 2px #6366f140}@keyframes col{0%{stroke:#6366f180}to{stroke:#8b5cf680}}@keyframes highlight-anim{0%{stroke-dashoffset:0}25%{stroke-dashoffset:1000px}50%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}@keyframes hover{0%{filter:url(#handDrawnNoise);translate:0;rotate:none}25%{filter:url(#handDrawnNoise2);translate:0 -2px;rotate:-1deg}50%{filter:url(#handDrawnNoise);translate:0 2px;rotate:none}75%{filter:url(#handDrawnNoise2);translate:0 -2px;rotate:-1deg}to{filter:url(#handDrawnNoise);translate:0;rotate:none}}@keyframes active{0%{filter:url(#handDrawnNoiset);translate:0 -1px}25%{rotate:-3deg}50%{filter:url(#handDrawnNoiset2);translate:0 1px}66%{rotate:1.5deg}to{filter:url(#handDrawnNoiset);translate:0 -1px}}@media (prefers-reduced-motion:reduce){.hand-drawn-btn-wrapper .hand-drawn-button{transition:none;animation:none}.hand-drawn-btn-wrapper .hand-drawn-button:hover,.hand-drawn-btn-wrapper .hand-drawn-button:active{animation:none;translate:none;rotate:none}.hand-drawn-btn-wrapper .hand-drawn-button:active .highlight{animation:none}.hand-drawn-btn-wrapper .highlight,.hand-drawn-btn-wrapper .button-cosm{transition:none}}