/* [aun_app_callout] — matches the house icon-card style:
   white, 1px #e2e8f0, radius 14, soft shadow.

   Own border-box reset: without it the full-width mobile button adds its 44px of
   padding on top of width:100% and overflows the card. Scoped so it cannot leak
   into Flatsome. */
.aun-cta,
.aun-cta *,
.aun-cta *::before,
.aun-cta *::after{box-sizing:border-box}

.aun-cta{
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;
  background:#fff;border:1px solid #e2e8f0;border-left:3px solid #0188fe;
  border-radius:14px;padding:22px 24px;
  box-shadow:0 2px 6px rgba(15,23,42,.04);
  margin:26px 0;
}
.aun-cta-ic{
  flex:0 0 auto;width:52px;height:52px;border-radius:14px;
  background:rgba(1,136,254,.10);color:#0188fe;
  display:flex;align-items:center;justify-content:center;font-size:22px;
}
.aun-cta-tx{flex:1 1 320px;min-width:0}
.aun-cta-tx h3{
  font-size:17px;margin:0 0 6px;color:#0f172a;line-height:1.3;
}
.aun-cta-tx p{
  font-size:14.5px;line-height:1.65;color:#64748b;margin:0;
}
.aun-cta-tx p strong{color:#0f172a}
.aun-cta-go{flex:0 0 auto}
.aun-cta-go a{
  display:inline-flex;align-items:center;gap:9px;white-space:nowrap;
  padding:13px 22px;border-radius:12px;text-decoration:none;
  color:#fff!important;font-weight:800;font-size:15px;
  background:linear-gradient(135deg,#0188fe,#00c6ff);
  box-shadow:0 10px 22px rgba(1,136,254,.30);
  transition:transform .18s ease,box-shadow .18s ease;
}
.aun-cta-go a:hover{transform:translateY(-2px);box-shadow:0 15px 28px rgba(1,136,254,.42);color:#fff!important}
.aun-cta-go a i{font-size:17px}

/* dark variant, for the rgb(9,15,28) bands */
.aun-cta--dark{
  background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.14);
  border-left-color:#0188fe;box-shadow:none;
}
.aun-cta--dark .aun-cta-ic{background:rgba(1,136,254,.16);color:#5fb0ff}
.aun-cta--dark .aun-cta-tx h3{color:#fff}
.aun-cta--dark .aun-cta-tx p{color:#9fb3c8}
.aun-cta--dark .aun-cta-tx p strong{color:#fff}

@media(max-width:600px){
  .aun-cta{gap:14px;padding:20px}
  .aun-cta-go{width:100%}
  .aun-cta-go a{width:100%;justify-content:center}
}

/* ---- style="inline": one sentence, no card ----
   Deliberately NOT box-shaped. This is the variant for pages where the app is an
   aside, not the answer — it reads as help instead of advertising, and it does not
   compete with the page's own CTA. */
.aun-cta-line{
  font-size:14.5px;line-height:1.7;color:#556777;
  margin:18px 0;padding:0;
}
.aun-cta-line i{color:#0188fe;margin-right:7px}
.aun-cta-line a{color:#0188fe;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(1,136,254,.35)}
.aun-cta-line a:hover{border-bottom-color:#0188fe}
.aun-cta-line--dark{color:#9fb3c8}
.aun-cta-line--dark i{color:#5fb0ff}
.aun-cta-line--dark a{color:#7fc0ff;border-bottom-color:rgba(127,192,255,.4)}