/* Contextual closing thoughts for every public-site final CTA. */
.final-cta-quote{
  --quote-ink:#fff;
  --quote-muted:rgba(224,233,229,.72);
  --quote-surface:rgba(255,255,255,.075);
  --quote-line:rgba(255,255,255,.15);
  width:min(100%,760px);
  margin:0 auto 24px;
  padding:17px 19px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  align-items:center;
  column-gap:15px;
  text-align:left;
  border:1px solid var(--quote-line);
  border-radius:18px;
  background:
    radial-gradient(circle at 0 0,rgba(216,166,61,.15),transparent 34%),
    var(--quote-surface);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}

.final-cta-quote::before{
  content:'“';
  grid-row:1 / span 2;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  padding-top:7px;
  border-radius:15px;
  color:#F2C253;
  background:rgba(216,166,61,.12);
  border:1px solid rgba(216,166,61,.2);
  font-family:'Outfit',sans-serif;
  font-size:37px;
  font-weight:900;
  line-height:1;
}

.final-cta-quote blockquote{
  margin:0;
  color:var(--quote-ink);
  font-family:'Outfit',sans-serif;
  font-size:clamp(15px,1.35vw,19px);
  font-weight:700;
  line-height:1.42;
  letter-spacing:-.01em;
  text-align:left;
}

.final-cta-quote figcaption{
  margin-top:7px;
  display:flex;
  align-items:center;
  gap:7px 11px;
  flex-wrap:wrap;
  color:var(--quote-muted);
  font-size:10px;
  font-weight:800;
  line-height:1.4;
  letter-spacing:.095em;
  text-transform:uppercase;
  text-align:left;
}

.final-cta-quote figcaption a{
  color:#F2C253;
  border-bottom:1px solid rgba(242,194,83,.34);
}

.final-cta-quote figcaption a:hover{border-color:#F2C253;}

.final-cta-quote.is-light{
  --quote-ink:#2B2E83;
  --quote-muted:#65706A;
  --quote-surface:rgba(247,248,253,.9);
  --quote-line:rgba(43,46,131,.12);
  box-shadow:0 14px 34px rgba(27,34,96,.07),inset 0 1px 0 #fff;
}

.final-cta-quote.is-light::before{
  color:#9C7A22;
  background:rgba(216,166,61,.1);
}

.final-cta-quote.is-light figcaption a{color:#806419;}

.kelas-cta-final .final-cta-quote{
  order:-1;
  flex:0 0 100%;
  width:100%;
  max-width:none;
  margin-bottom:4px;
}

.reg-form .final-cta-quote{
  width:100%;
  max-width:none;
  margin:8px 0 18px;
}

.comingsoon-wrap .final-cta-quote,
.err-wrap .final-cta-quote{margin-top:24px;}

@media(max-width:560px){
  .final-cta-quote{
    grid-template-columns:38px minmax(0,1fr);
    column-gap:12px;
    margin-bottom:20px;
    padding:14px;
    border-radius:16px;
  }
  .final-cta-quote::before{
    width:38px;height:38px;border-radius:12px;font-size:31px;
  }
  .final-cta-quote blockquote{font-size:14px;line-height:1.48;}
  .final-cta-quote figcaption{font-size:8.5px;letter-spacing:.075em;}
}

@media(prefers-reduced-motion:reduce){
  .final-cta-quote{scroll-behavior:auto;}
}