/* =========================================================
   Follow up demo: "Sync messages" pill above the LinkedIn composer.
   Mirrors the extension's Sync button (circular arrows) in the site's
   action green, same as the Save to CRM buttons in the other demos.
   The arrows spin continuously: the sync keeps running.
   ========================================================= */

.wf-sync-row{ display:flex; justify-content:center; margin:2px 0 12px; }

.wf-sync{
  display:inline-flex; align-items:center; gap:7px;
  padding:6px 16px;
  border-radius:999px;
  background:#3ecf6d; border:1.5px solid #3ecf6d; color:#08301b;
  font-weight:600; font-size:12px; line-height:1.2;
  white-space:nowrap; user-select:none;
}
.wf-sync svg{ flex:none; animation:wf-sync-spin 1.4s linear infinite; }

@keyframes wf-sync-spin{ to{ transform:rotate(360deg); } }
@media (prefers-reduced-motion: reduce){ .wf-sync svg{ animation:none; } }