/* 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
     }
 }