.cta {
    display: inline-block;
    padding: 8px 12px;
    /* border-radius: 6px; */
    text-decoration: none;
    transition: background .2s, color .2s, border-color .2s;

    --_bg: var(--cta-bg, #0081F8);
    --_fg: var(--cta-fg, #fff);
    --_bd: var(--cta-border, rgba(0,0,0,.08));
    --_bgH: var(--cta-hover-bg, #006fe0);

    background: var(--_bg);
    color: var(--_fg);
    border: 1px solid var(--_bd);

    text-decoration: none;
    box-shadow: var(--btn-shadow);
    cursor: pointer;
    user-select: none;

    transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease;
    
    font-size: clamp(1rem, .95rem + .4vw, 1.125rem);
    font-weight: 500;
    padding: .9rem 1.25rem;
    border-radius: .7rem;
}
.cta:hover { background: var(--_bgH); border-color: var(--_bgH); }
.cta:focus-visible { outline: 2px solid var(--focus-ring, #7bb0ff); outline-offset: 2px; }


.final-cta-container {
    width: 600px;
    max-width: 90%;      
    padding: 2rem 1rem;
    /* background: #f9f9f9; */
    border-radius: 8px;
    margin-bottom: 2rem;
    /* text-align: center; */
    margin-left: auto;
    margin-right: auto;
}

.final-cta-title {
    margin-bottom: 1rem;
    font-size: 1.75rem;
    color: #111;
    font-weight: 500;
}

.final-cta-subtitle {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    font-size: 1.125rem;
    color: #555;
    line-height: 1.4;
}

.fud-bullet-list {
    margin-top: 1.5rem;
}

.fud-bullet-item {
    position: relative;
    padding-left: 1.5rem;
    margin-bottom: 0.6rem;
    font-size: 1rem;
    line-height: 1.4;
}

.fud-bullet-item::before {
    content: "✓";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0.1rem;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background-color: #2e7d32;   /* Green circle */
    color: #f3f3f3;                /* White check */
    font-size: 0.75rem;
    font-weight: bold;
}

.final-cta-container .disclaimer {
    margin-top: 0.85rem;
    font-size: 0.85rem;
    line-height: 1.4;
    color: #777;             /* subtiel grijs */
    max-width: 60ch;         /* prettige leesbreedte */
}


.cta-micro-review {
  margin-top: 1.25rem;
  padding: 0.875rem 1rem;
  border: 1px solid #e5e7eb;      /* subtiele rand */
  background: #f8fafc;            /* zacht contrast */
  border-radius: 10px;
  box-shadow: 0 1px 0 rgba(16, 24, 40, 0.02);
}

.cta-micro-review__text {
  margin: 0 0 0.75rem 0;
  font-size: 0.95rem;
  line-height: 1.5;
  color: #222;
  position: relative;
  text-wrap: pretty;
  /* padding-left: 8px; */
}

/* .cta-micro-review__text::before { */
/*   content: "“"; */
/*   position: absolute; */
/*   left: -0.5ch; */
/*   top: -0.25rem; */
/*   font-size: 1.5rem; */
/*   line-height: 1; */
/*   opacity: 0.15;                  /1* decoratief, niet storend *1/ */
/* } */

.cta-micro-review__author {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.cta-micro-review__avatar {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: #111;               /* of var(--ink-dark) als je die gebruikt */
  color: #f5f5f5;
  font-size: 0.75rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.02em;
}

.cta-micro-review__meta {
  display: inline-flex;
  flex-direction: column;
  gap: 0.1rem;
}

.cta-micro-review__name {
  font-size: 0.9rem;
  font-weight: 600;
  color: #111;
}

.cta-micro-review__extra {
  font-size: 0.8rem;
  color: #555;                    /* subtiele secundaire info */
}

/* kleine schermen: iets compacter */
@media (max-width: 480px) {
  .cta-micro-review { padding: 0.75rem 0.875rem; }
  .cta-micro-review__text { font-size: 0.93rem; }
}

/* screen reader utility (als je die nog niet hebt) */
.sr-only {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0);
  white-space: nowrap; border: 0;
}