 /* Outer wa-card to center content */
    .wa-card{
      width:360px;
      max-width:92vw;
      background: linear-gradient(180deg, rgb(132 199 181 / 46%), rgb(245 222 222 / 0%));
      border-radius:20px;
      padding:28px;
      box-shadow: 0 20px 40px rgba(2,6,23,0.6), inset 0 1px 0 rgba(255,255,255,0.02);
      backdrop-filter: blur(8px) saturate(120%);
      text-align:center;
      transform-style:preserve-3d;
      perspective:1000px;
      border: 1px solid rgba(255,255,255,0.03);
      margin-bottom: 50px;
    }

    .title{
      font-size:18px;
      font-weight:700;
      letter-spacing:0.2px;
      margin:0 0 12px 0;
      color: #9f0000;
      font-weight:800;
    }
    .subtitle{font-size:13px; color: #000000; margin:0 0 18px 0}

    .buttons{
      display:flex;
      gap:16px;
      justify-content:center;
      align-items:center;
      transform: translateZ(40px) rotateX(6deg);
    }

    .clbtn{
      --w:140px;
      width:var(--w);
      height:56px;
      border-radius:14px;
      display:inline-flex;
      align-items:center;
      gap:12px;
      padding:10px 14px;
      cursor:pointer;
      user-select:none;
      text-decoration:none;
      color: #071023;
      font-weight:700;
      font-size:15px;
      transition: transform 220ms cubic-bezier(.2,.9,.2,1), box-shadow 220ms, filter 220ms;
      box-shadow: 0 12px 22px rgba(2,8,20,0.5), 0 4px 8px rgba(0,0,0,0.35);
      transform-origin:center;
      border: none;
      outline:none;
      position:relative;
      display:inline-flex;
      justify-content:center;
    }

    /* WhatsApp style */
    .clbtn.whatsapp{
      background: linear-gradient(135deg, rgba(0,230,118,0.14), rgba(0,230,118,0.06));
      color: #04130b;
      box-shadow: 0 16px 30px rgba(0,230,118,0.08), 0 6px 14px rgba(2,8,20,0.45);
    }
    .clbtn.call{
      background: linear-gradient(135deg, rgba(0,176,255,0.12), rgba(0,176,255,0.04));
      color:#021329;
      box-shadow: 0 16px 30px rgba(0,176,255,0.07), 0 6px 14px rgba(2,8,20,0.45);
    }

    .clbtn .icon{
      width:38px; height:38px; display:inline-grid; place-items:center; border-radius:10px;
      background: linear-gradient(180deg, rgba(255,255,255,0.5), rgba(255,255,255,0.06));
      box-shadow: 0 6px 12px rgba(2,8,20,0.45);
      transform: translateZ(36px);
    }

    .clbtn .label{transform: translateZ(36px);}

    .clbtn:hover{ transform: translateY(-8px) scale(1.02); filter:brightness(1.03)}
    .clbtn:active{ transform: translateY(-3px) scale(.996)}

    /* small 3D wa.floating badge */
    .wa-floating-badge {
    top: -18px;
    right: -18px;
    background: linear-gradient(45deg, rgb(76 12 12 / 34%), rgb(64 141 55 / 24%));
    border-radius: 12px;
    padding: 8px 10px;
    color: #000000;
    font-weight: 600;
    font-size: 12px;
    box-shadow: 0 6px 18px rgba(2, 6, 23, 0.45);
    transform: translateZ(80px) rotateX(12deg);
}

    /* footer small text */
    .note{font-size:12px; color:#e10000; font-weight:500;margin-top:18px}

    /* responsive */
    @media (max-width:420px){
      .buttons{flex-direction:column}
      .clbtn{width:100%; max-width:320px}
    }