.btn{align-items:center;border-radius:9999px;cursor:pointer;display:inline-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--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);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--white{background:var(--color-white);border:1px solid var(--color-white);color:var(--color-primary)}.btn--white:focus-visible,.btn--white:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}.btn--outline-white{background:transparent;border:1.5px solid var(--color-white);color:var(--color-white)}.btn--outline-white:focus-visible,.btn--outline-white:hover{background:var(--color-white);border-color:var(--color-white);color:var(--color-primary)}.btn--sm{font-size:14px;line-height:1.25;min-height:40px;padding:4px 32px}@media (min-width:768px){.btn--sm{font-size:16px}}.btn--md{font-size:16px;height:48px;padding:0 32px}.btn--lg{font-size:18px;height:64px;padding:0 32px}@media (min-width:1024px){.btn--lg{font-size:20px}}