.btn{cursor:pointer;color:#fff;border:none;border-radius:8px;outline:none;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-icon{width:16px;height:16px}.btn-primary{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 4px 14px #2563eb66}.btn-primary:hover{background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 100%);transform:translateY(-1px)}.btn-secondary{background:#ffffff1a;border:1px solid #ffffff26}.btn-secondary:hover{background:#fff3;transform:translateY(-1px)}.btn-circle{cursor:pointer;color:#f8fafc;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;outline:none;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.btn-circle:hover{background:#fff3;transform:rotate(45deg)}.btn-block{justify-content:center;width:100%}.btn-gradient{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 4px 14px #d9770666}.btn-gradient:hover{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);transform:translateY(-1px)}.btn-large{border-radius:10px;padding:12px 24px;font-size:1rem}.btn-danger{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 14px #dc262666}.btn-danger:hover{background:linear-gradient(135deg,#f87171 0%,#ef4444 100%);transform:translateY(-1px)}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}