.button{font-family:var(--font-sans);white-space:nowrap;cursor:pointer;border:2px solid #0000;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;line-height:1;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s,opacity .15s;display:inline-flex}.button:disabled{opacity:.5;cursor:not-allowed}.button__icon{align-items:center;display:inline-flex}.button--primary{background-color:var(--color-primary);color:var(--color-white)}.button--primary:hover:not(:disabled){background-color:var(--color-mauve)}.button--secondary{background-color:var(--color-mauve);color:var(--color-white)}.button--secondary:hover:not(:disabled){opacity:.9}.button--outline{border-color:var(--color-primary);color:var(--color-primary);background-color:#0000}.button--outline:hover:not(:disabled){background-color:var(--color-mauve);border-color:var(--color-mauve);color:var(--color-white)}.button--outline-secondary{background-color:var(--color-white);border-color:var(--color-mauve);color:var(--color-mauve)}.button--outline-secondary:hover:not(:disabled){background-color:var(--color-light-mauve)}.button--ghost{color:var(--color-primary);background:0 0;padding-inline:0}.button--ghost:hover:not(:disabled){color:var(--color-mauve)}.button--white{background-color:var(--color-white);color:var(--color-primary)}.button--white:hover:not(:disabled){background-color:var(--color-mauve);color:var(--color-white)}.button--white-outline{border-color:var(--color-white);color:var(--color-white);background:0 0}.button--white-outline:hover:not(:disabled){background-color:var(--color-mauve);border-color:var(--color-mauve);color:var(--color-white)}