@property --gradient-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --gradient-angle-offset{syntax:"<angle>";inherits:false;initial-value:0deg}@property --gradient-percent{syntax:"<percentage>";inherits:false;initial-value:5%}@property --gradient-shine{syntax:"<color>";inherits:false;initial-value:#fff}.animated-button{--animated-button-bg:#274a39;--animated-button-bg-subtle:#1d362a;--animated-button-fg:#fff;--animated-button-highlight:#3d6b52;--animated-button-highlight-subtle:#d9e7df;--animation:gradient-angle linear infinite;--duration:3s;--shadow-size:2px;--transition:.8s cubic-bezier(.25,1,.5,1);isolation:isolate;cursor:pointer;outline-offset:4px;border:.5px solid var(--animated-button-bg);min-width:44px;min-height:44px;color:var(--animated-button-fg);background:var(--animated-button-bg);box-shadow:inset 0 0 0 1px var(--animated-button-bg),inset 0 -3px 8px 0 #d9e7df99,0 4px 12px -2px #274a3940;transition:var(--transition);border-radius:16px;outline:2px solid #0000;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:500;line-height:1.2;transition-property:background,border-color,box-shadow,outline-color;position:relative;overflow:hidden}.animated-button:focus-visible{outline-color:var(--animated-button-bg);outline-width:3px;outline-style:solid}.animated-button.secondary:focus-visible{outline-color:#274a39}@media (min-width:640px){.animated-button{font-size:1rem}}.animated-button.secondary{--animated-button-bg:#e5e7eb;--animated-button-bg-subtle:#d1d5db;--animated-button-fg:#001523;--animated-button-highlight:#d9e7df;--animated-button-highlight-subtle:#f0f5f3;border-color:#9ca3af}.animated-button:disabled{opacity:.5;cursor:not-allowed}.animated-button:before,.animated-button:after,.animated-button span:before{content:"";pointer-events:none;z-index:-1;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.animated-button:active{translate:0 1px}.animated-button:before{--dot-size:1.5px;--dot-space:8px;background:radial-gradient(circle at var(--dot-space)var(--dot-space),#fffc var(--dot-size),transparent var(--dot-size));background-size:var(--dot-space)var(--dot-space);border-radius:inherit;opacity:0;z-index:2;pointer-events:none;width:100%;height:100%;-webkit-mask-image:radial-gradient(circle 80px at var(--mouse-x,50%)var(--mouse-y,50%),black 0%,transparent 100%);mask-image:radial-gradient(circle 80px at var(--mouse-x,50%)var(--mouse-y,50%),black 0%,transparent 100%);background-position:0 0;transition:opacity .3s}.animated-button:after{aspect-ratio:1;background:linear-gradient(-50deg,transparent,var(--animated-button-highlight),transparent);opacity:0;width:100%;transition:opacity var(--transition);animation:none;-webkit-mask-image:radial-gradient(circle at bottom,#0000 40%,#000);mask-image:radial-gradient(circle at bottom,#0000 40%,#000)}.animated-button span{z-index:1;white-space:nowrap;align-items:center;gap:.5rem;display:inline-flex}.animated-button span:before{--size:calc(100% + 1rem);width:var(--size);height:var(--size);box-shadow:inset 0 -1ex 2rem 4px var(--animated-button-highlight);opacity:0;transition:opacity var(--transition);animation:calc(var(--duration)*1.5)breathe linear infinite}.animated-button:is(:hover,:focus-visible){background:var(--animated-button-bg);border-color:var(--animated-button-bg);box-shadow:inset 0 0 0 1px var(--animated-button-bg),inset 0 -30px 40px -20px #d9e7df59,0 4px 16px -2px #274a3959}.animated-button:is(:hover,:focus-visible):before{opacity:1}.animated-button:is(:hover,:focus-visible):after{opacity:0}.animated-button:is(:hover,:focus-visible) span:before{opacity:1}.animated-button:disabled:is(:hover,:focus-visible){background:var(--animated-button-bg);border-color:var(--animated-button-bg-subtle);box-shadow:inset 0 0 0 1px var(--animated-button-bg-subtle)}.animated-button:disabled:is(:hover,:focus-visible):before,.animated-button:disabled:is(:hover,:focus-visible):after{opacity:0;animation:none}.animated-button.secondary:is(:hover,:focus-visible){background:#e5e7eb;border-color:#9ca3af;box-shadow:inset 0 0 0 1px #9ca3af,inset 0 -30px 40px -20px #d9e7df66}.animated-button.secondary:is(:hover,:focus-visible):before{opacity:.6}.animated-button.secondary:before{background:radial-gradient(circle at var(--dot-space)var(--dot-space),#0000004d var(--dot-size),transparent var(--dot-size));background-size:var(--dot-space)var(--dot-space)}@keyframes gradient-angle{to{--gradient-angle:360deg}}@keyframes shimmer{to{rotate:360deg}}@keyframes breathe{0%,to{scale:1}50%{scale:1.2}}@media (prefers-reduced-motion:reduce){.animated-button,.animated-button:before,.animated-button:after,.animated-button span:before{transition-duration:.01ms!important;animation:none!important}.animated-button.reduced-motion:before{opacity:0!important}.animated-button.reduced-motion:after{animation:none!important}}