/* [kam_prati_dugme] i [kam_lajk_dugme] — Faza 10 socijalne akcije. */

.kam-prati-btn { display: inline-flex; align-items: center; gap: 6px; background: var(--kam-red); color: #fff; border: none; padding: 10px 18px; border-radius: 10px; font-weight: 600; font-size: 13.5px; cursor: pointer; }
.kam-prati-btn--active { background: var(--kam-surface); color: var(--kam-red); border: 1px solid var(--kam-red); }
.kam-prati-broj { opacity: .8; font-weight: 500; }

.kam-lajk-btn { display: inline-flex; align-items: center; gap: 5px; background: var(--kam-surface); border: 1px solid var(--kam-line); border-radius: 20px; padding: 6px 12px; cursor: pointer; color: var(--kam-muted); font-size: 12.5px; font-weight: 600; }
.kam-lajk-btn svg { width: 15px; height: 15px; stroke: currentColor; fill: none; stroke-width: 2; }
.kam-lajk-btn--active { color: var(--kam-red); border-color: var(--kam-chip-red-bg); background: var(--kam-chip-red-bg); }
.kam-lajk-btn--active svg { fill: var(--kam-red); stroke: var(--kam-red); }