.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);border-radius:var(--radius-lg);transition:all var(--transition-base);white-space:nowrap;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(#ffffff1a 0%,#fff0 100%);position:absolute;inset:0}.btn:hover:before{opacity:1}.btn--sm{font-size:var(--text-sm);padding:var(--space-2) var(--space-4);height:36px}.btn--md{font-size:var(--text-sm);padding:var(--space-3) var(--space-6);height:44px}.btn--lg{font-size:var(--text-base);padding:var(--space-4) var(--space-8);height:52px}.btn--xl{font-size:var(--text-lg);padding:var(--space-5) var(--space-10);height:60px}.btn--primary{background:var(--gradient-cta);color:var(--color-white);box-shadow:0 2px 8px #4f46e54d,0 1px 2px #4f46e533}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #4f46e566,0 2px 4px #4f46e54d}.btn--primary:active{transform:translateY(0);box-shadow:0 1px 4px #4f46e54d}.btn--secondary{background:var(--color-gray-900);color:var(--color-white);box-shadow:var(--shadow-sm)}.btn--secondary:hover{background:var(--color-gray-800);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--outline{color:var(--color-primary);border:2px solid var(--color-primary-200);background:0 0}.btn--outline:hover{background:var(--color-primary-50);border-color:var(--color-primary)}.btn--ghost{color:var(--color-gray-700);background:0 0}.btn--ghost:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.btn--white{background:var(--color-white);color:var(--color-primary);box-shadow:var(--shadow-md)}.btn--white:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn--full{width:100%}.btn__icon{align-items:center;display:flex}.btn__icon--right{transition:transform var(--transition-fast)}.btn:hover .btn__icon--right{transform:translate(3px)}