.btn{align-items:center;border-radius:9999px;cursor:pointer;display:flex;font-weight:700;gap:8px;justify-content:center;text-align:center;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s}.btn--inline{display:inline-flex}.btn--primary{background:var(--color-primary);border:1px solid var(--color-primary);color:var(--color-white)}.btn--primary:focus-visible,.btn--primary:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}.btn--secondary{background:var(--color-white);border:1px solid var(--color-primary);color:var(--color-primary)}.btn--secondary:focus-visible,.btn--secondary:hover{background:var(--color-primary);border:1px solid var(--color-white);color:var(--color-white)}.btn--secondary-warm{background:var(--color-white);border:1px solid var(--color-primary);color:var(--color-primary)}.btn--secondary-warm:focus-visible,.btn--secondary-warm:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}.btn--badge{background:var(--color-accent);border:1px solid var(--color-accent);color:var(--color-white)}.btn--badge:focus-visible,.btn--badge:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.btn--sm{min-height:40px;padding:4px 32px}.btn--md{height:48px;padding:0 32px}.btn--lg{height:64px;padding:0 32px}