.button{cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:8px;height:fit-content;font-size:1rem;font-weight:500;transition:background-color .1s,transform 50ms ease-in-out;display:inline-flex}a{text-decoration:none;display:inline-flex}.button:active{transform:scale(.9)}.button--sm{padding:.5rem .74rem;font-size:.75rem}.button--md{padding:.75rem 1rem;font-size:1rem}.button--lg{padding:1rem 1.5rem;font-size:1.25rem}.button--primary{background-color:var(--color-accent);color:var(--color-accent-foreground);border:none}.button--primary:hover{background-color:var(--color-accent-hover)}.button--secondary{outline:2px solid var(--color-accent);color:var(--color-accent);background-color:#0000}.button--secondary:hover{background-color:color-mix(in oklab,var(--color-accent)10%,transparent)}.button--ghost{color:var(--color-accent);background-color:#0000;border:none}.button--ghost:hover{background-color:color-mix(in oklab,var(--color-accent)10%,transparent)}