.btn{justify-content:center;align-items:center;gap:var(--space-3);min-block-size:var(--tap-size);padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);font-family:var(--font-heading);text-align:center;cursor:pointer;border:2px solid #0000;font-size:1rem;font-weight:700;line-height:1.2;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-brand-deep)}.btn--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn--dark{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-text-on-dark)}.btn--dark:hover{background:var(--color-brand-deep);border-color:var(--color-brand-deep)}.btn--outline{background:var(--color-bg);border-color:var(--color-brand);color:var(--color-brand)}.btn--outline .icon{color:var(--color-accent-strong);transition:color .2s}.btn--outline:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-brand-deep)}.btn--outline:hover .icon{color:var(--color-brand-deep)}.btn--outline-light{color:#fff;border-color:#fffc}.btn--outline-light:hover{color:var(--color-brand);background:#fff}