/* floating_cta styles */

/* ─── Floating CTA ─── */
.floating-cta {
  position: fixed; right: 22px; bottom: 22px;
  display: flex; flex-direction: column; gap: 10px;
  z-index: 90;
  align-items: flex-end;
}
.float-btn {
  border: none; cursor: pointer;
  border-radius: 100px;
  font-family: var(--font-body);
  font-weight: 700; font-size: 14px;
  text-decoration: none;
  display: inline-flex; align-items: center; gap: 8px;
  transition: transform var(--t), box-shadow var(--t);
}
.float-btn:hover { transform: translateY(-3px); }
.float-max {
  width: 52px; height: 52px;
  background: linear-gradient(135deg, #4A90E2, #9B59D6); color: #fff;
  justify-content: center;
  box-shadow: 0 8px 24px -4px rgba(155,89,214,0.5);
}
.float-max svg { width: 24px; height: 24px; }
.float-tg {
  width: 52px; height: 52px;
  background: #2596FF; color: #fff;
  justify-content: center;
  box-shadow: 0 8px 24px -4px rgba(37,150,255,0.5);
}
.float-tg svg { width: 22px; height: 22px; }
.float-main {
  padding: 16px 22px;
  background: var(--ink); color: #fff;
  box-shadow: 0 12px 32px -6px rgba(11,15,31,0.45);
}
.float-main svg { width: 16px; height: 16px; color: var(--mint); }
@media (max-width: 600px) {
  .floating-cta { right: 14px; bottom: 14px; }
  .float-main span { display: none; }
  .float-main { width: 52px; height: 52px; padding: 0; justify-content: center; }
}