.button{white-space:nowrap;cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;font-weight:600;transition:all .3s ease-in-out;display:inline-flex}.button:focus{outline-offset:2px;box-shadow:0 0 0 2px var(--neutral-white),0 0 0 4px currentColor;outline:2px solid #0000}.button:disabled{opacity:.5;cursor:not-allowed}.button.loading{cursor:wait}.button-primary{background-color:var(--accent-saffron);color:var(--neutral-white);box-shadow:0 4px 6px -1px #0000001a}.button-primary:hover:not(:disabled){background-color:var(--accent-orange-hover);transform:scale(1.1);box-shadow:0 20px 25px -5px #0000001a}.button-primary:active:not(:disabled){transform:scale(1.02)}.button-secondary{border:2px solid var(--accent-saffron);color:var(--accent-saffron);background-color:#0000}.button-secondary:hover:not(:disabled){background-color:var(--accent-saffron);color:var(--neutral-white);transform:scale(1.05);box-shadow:0 10px 15px -3px #0000001a}.button-secondary:active:not(:disabled){transform:scale(1)}.button-ghost{color:var(--primary-deep-blue);background-color:#0000}.button-ghost:hover:not(:disabled){background-color:var(--neutral-off-white);box-shadow:0 1px 2px #0000000d}.button-link{color:var(--accent-saffron);text-underline-offset:4px;background-color:#0000;text-decoration:none}.button-link:hover:not(:disabled){color:var(--accent-orange-hover);text-decoration:underline}.button-sm{border-radius:.5rem;min-width:2rem;padding:.2rem .5rem;font-size:.875rem;font-weight:500}.button-md{border-radius:.75rem;padding:.5rem 1rem;font-size:1rem;font-weight:600}.button-lg{border-radius:.75rem;padding:.7rem 3rem;font-size:1.125rem;font-weight:200}.button-xl{border-radius:1rem;padding:1.5rem .75rem;font-size:1.25rem;font-weight:700}.button-spinner{width:1rem;height:1rem;margin-right:.5rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}