.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-8);border-radius:var(--radius-sm);font-family:var(--typography-family-heading);font-weight:var(--typography-weight-medium);letter-spacing:var(--letter-spacing-wide);text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer;border:1px solid transparent;user-select:none;white-space:nowrap}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-page-background),0 0 0 4px var(--color-primary)}.btn:disabled{opacity:.5;pointer-events:none}.btn:active{transform:scale(.98)}.btn:hover{transform:translateY(-2px)}.btn--primary{background:linear-gradient(45deg,#1e40af,#3b82f6,#1e3a8a,#60a5fa,#1e40af);background-size:400% 400%;animation:lava 20s ease infinite;color:white;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.2),inset 0 -1px 0 0 rgba(0,0,0,.1)}.btn--primary:hover{box-shadow:0 10px 20px -10px rgba(61,90,254,.5)}.btn--primary:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.15) 0,transparent 100%);opacity:0;transition:opacity .3s ease}.btn--primary:hover:before{opacity:1}.btn--secondary{background:linear-gradient(45deg,var(--color-coral-700),var(--color-coral-500),var(--color-coral-600),var(--color-coral-500),var(--color-coral-700));background-size:400% 400%;animation:lava 20s ease infinite;color:white;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.2),inset 0 -1px 0 0 rgba(0,0,0,.1)}.btn--secondary:hover{box-shadow:0 10px 20px -10px rgba(255,107,107,.5)}.btn--secondary:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.15) 0,transparent 100%);opacity:0;transition:opacity .3s ease}.btn--secondary:hover:before{opacity:1}.btn--destructive{background-color:var(--color-destructive);color:white;box-shadow:var(--shadow-sm)}.btn--destructive:hover{filter:brightness(.9)}.btn--outline{border:1px solid var(--color-surface-border);background-color:transparent;color:var(--color-text-heading)}.btn--outline:hover{background-color:var(--color-surface-grey)}.btn--ghost{background-color:rgba(61,90,254,.08);color:var(--color-primary)}.btn--ghost:hover{border-color:var(--color-brand-500)}.btn--link{background-color:transparent;color:var(--color-primary);text-decoration:underline;text-underline-offset:4px;background:none;border:none;padding:0;height:auto}.btn--link:hover{color:var(--color-primary-hover)}.btn--sm{height:2rem;padding:0 .75rem;font-size:var(--typography-size-xs)}.btn--md{height:2.5rem;padding:0 1.25rem;font-size:var(--typography-size-sm)}.btn--lg{height:3rem;padding:0 2rem;font-size:var(--typography-size-md)}.btn--icon{height:2.5rem;width:2.5rem;padding:0}@keyframes lava{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}