/* Mibrand – nút "Gọi ngay" ở khối form, kiểu B "Nhịp đập" (Kha chọn 15/10/2026).
   Cả nút đập 2 nhịp, 2 vòng viền xanh lan ra ngoài, vệt sáng quét nhanh, ống nghe rung. Áp cho trang chủ và khối form .mbf ở các trang khác. */
body .ceo-so.ceo-so, .mbf.mbf.mbf.mbf .ceo-so.ceo-so { --sa: .75; overflow: visible; animation: mbGoiDap 2.2s ease-in-out infinite, mbGoiLongLanh 3s .6s infinite; will-change: transform; }
body .ceo-so.ceo-so::before, body .ceo-so.ceo-so::after,
.mbf.mbf.mbf.mbf .ceo-so.ceo-so::before, .mbf.mbf.mbf.mbf .ceo-so.ceo-so::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit; background: none; transform: none; pointer-events: none;
  border: 2px solid rgba(61,220,151,.95); box-shadow: 0 0 14px rgba(61,220,151,.6), inset 0 0 10px rgba(61,220,151,.3);
  animation: mbGoiVong 2.2s cubic-bezier(.2,.6,.35,1) infinite; }
body .ceo-so.ceo-so::after, .mbf.mbf.mbf.mbf .ceo-so.ceo-so::after { animation-delay: -1.1s; }
body .ceo-so.ceo-so .cs-icon svg, .mbf.mbf.mbf.mbf .ceo-so.ceo-so .cs-icon svg { animation: mbGoiRung 2.2s ease-in-out infinite; transform-origin: 50% 60%; }
body .ceo-so.ceo-so:hover, .mbf.mbf.mbf.mbf .ceo-so.ceo-so:hover { --sa: 1; animation: mbGoiLongLanh 3s infinite; transform: translateY(-4px); }

@keyframes mbGoiDap { 0%, 40%, 100% { transform: scale(1); } 10% { transform: scale(1.05); } 20% { transform: scale(.99); } 30% { transform: scale(1.03); } }
@keyframes mbGoiVong { 0% { inset: 0; opacity: var(--sa); } 65% { opacity: calc(var(--sa) * .5); } 100% { inset: -16px; opacity: 0; } }
@keyframes mbGoiLongLanh { 0%, 60% { background-position: 100% 0, 0 0; } 100% { background-position: -60% 0, 0 0; } }
@keyframes mbGoiRung { 0%, 52%, 100% { transform: rotate(0); } 56% { transform: rotate(-18deg); } 60% { transform: rotate(16deg); } 64% { transform: rotate(-14deg); } 68% { transform: rotate(12deg); } 72% { transform: rotate(-8deg); } 76% { transform: rotate(4deg); } }

@media (prefers-reduced-motion: reduce) {
  body .ceo-so.ceo-so, body .ceo-so.ceo-so::before, body .ceo-so.ceo-so::after, body .ceo-so.ceo-so .cs-icon svg,
  .mbf.mbf.mbf.mbf .ceo-so.ceo-so, .mbf.mbf.mbf.mbf .ceo-so.ceo-so::before, .mbf.mbf.mbf.mbf .ceo-so.ceo-so::after, .mbf.mbf.mbf.mbf .ceo-so.ceo-so .cs-icon svg { animation: none; }
}