/* WW-spezifischer CTA im Kiel-Wetter-Widget (Hook wwkw_panel_side_extra).
   Nutzt die CSS-Variablen des Widget-Scopes (.wk-widget). */
.wkp-cta{
  margin-top:22px; padding:18px 20px;
  border:1px solid var(--wk-line); border-radius:12px;
  background:linear-gradient(135deg, rgba(248,173,0,0.10), rgba(248,173,0,0.02));
  display:flex; flex-direction:column; gap:8px;
}
.wkp-cta__head{font-weight:700; font-size:0.95em; color:var(--wk-ink);}
.wkp-cta__body{font-size:0.78em; line-height:1.6; color:var(--wk-dim);}
.wkp-cta__btn{
  align-self:flex-start; margin-top:6px;
  display:inline-block; padding:10px 20px; border-radius:8px;
  background:var(--wk-gold); color:#072032 !important;
  font-size:0.7em; font-weight:700; letter-spacing:0.14em; text-transform:uppercase;
  text-decoration:none; transition:filter .18s ease, transform .18s ease;
}
.wkp-cta__btn:hover{filter:brightness(1.08); transform:translateY(-1px); color:#072032;}
.wkp-cta__btn:focus-visible{outline:2px solid var(--wk-ink); outline-offset:2px;}