:root{
  --mrcb-green:#1f8a6a;
  --mrcb-green2:#0f6e58;
  --mrcb-ink:#0f2a22;
  --mrcb-shadow: 0 16px 42px rgba(15,42,34,.22);
  --mrcb-radius: 999px;

  /* Floating button sizing (match WhatsApp plugin) */
  --mrcb-float-size: 60px;
  --mrcb-icon-size: 24px;
}

/* =========================
   Floating Call Button
   (Circular + pulse/glow)
   ========================= */
.mrcb-float{
  position: fixed;
  z-index: 9998; /* slightly below WA if needed; offset handles stacking */
  width: var(--mrcb-float-size);
  height: var(--mrcb-float-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;

  border-radius: var(--mrcb-radius);
  background: radial-gradient(120% 120% at 30% 20%, rgba(255,255,255,.20) 0%, rgba(255,255,255,0) 55%),
              linear-gradient(180deg, var(--mrcb-green), var(--mrcb-green2));
  color: #fff !important;
  text-decoration: none !important;

  box-shadow: var(--mrcb-shadow);
  border: 1px solid rgba(255,255,255,.18);

  transform: translateZ(0);
  transition: transform .14s ease, filter .14s ease, box-shadow .14s ease;
  -webkit-tap-highlight-color: transparent;
}

/* Soft blurred aura ring */
.mrcb-float::before{
  content:"";
  position:absolute;
  inset:-10px;
  border-radius: inherit;
  background: radial-gradient(circle, rgba(31,138,106,.52) 0%, rgba(31,138,106,0) 65%);
  filter: blur(10px);
  opacity:.9;
  pointer-events:none;
  transition: opacity .14s ease, filter .14s ease;
}

/* Pulse ring */
.mrcb-float::after{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius: inherit;
  border: 2px solid rgba(255,255,255,.26);
  opacity: 0;
  pointer-events:none;
  animation: mrcbPulse 2.25s ease-out infinite;
}

@keyframes mrcbPulse{
  0%   { transform: scale(.92); opacity: 0; }
  20%  { opacity: .55; }
  55%  { opacity: .18; }
  100% { transform: scale(1.22); opacity: 0; }
}

.mrcb-float:hover{
  transform: translateY(-2px) scale(1.02);
  filter: brightness(1.05);
  box-shadow: 0 18px 54px rgba(15,42,34,.26);
}

.mrcb-float:active{
  transform: translateY(0) scale(.98);
}

.mrcb-float:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgba(56,189,248,.35), 0 18px 54px rgba(15,42,34,.26);
}

.mrcb-ico{
  width: var(--mrcb-icon-size);
  height: var(--mrcb-icon-size);
  display:block;
}

/* =========================
   Inline shortcode button
   ========================= */
.mrcb-inline{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.7rem 1rem;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--mrcb-green), var(--mrcb-green2));
  color:#fff !important;
  text-decoration:none !important;
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 12px 28px rgba(15,42,34,.18);
  transition: transform .14s ease, filter .14s ease, box-shadow .14s ease;
}

.mrcb-inline:hover{
  transform: translateY(-1px);
  filter: brightness(1.05);
  box-shadow: 0 16px 34px rgba(15,42,34,.22);
}

.mrcb-inline-ico svg{
  width: 18px;
  height: 18px;
}

.mrcb-inline-txt{
  font-weight: 600;
  letter-spacing: .2px;
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce){
  .mrcb-float::after{ animation: none; }
  .mrcb-float, .mrcb-inline{ transition: none; }
}