/* R4X v2234 · Einheitliche Karten-CTA-Designsprache
   Referenz: Free = Grundlagen Glossar, Plus = Glossar Plus. */
.r4x-card-cta,
.r4x-feature-card__cta{
  box-sizing:border-box;
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:100%;
  min-height:42px;
  padding:9px 14px;
  border-radius:var(--r4x-radius-md);
  border:1px solid var(--r4x-silver-border);
  background:rgba(201,209,223,.10);
  color:var(--r4x-text-primary);
  font-family:var(--r4x-font-sans);
  font-size:var(--r4x-size-sm);
  font-weight:var(--r4x-weight-semi);
  line-height:1.25;
  text-align:center;
  text-decoration:none;
  cursor:pointer;
  transition:border-color var(--r4x-transition-fast),background-color var(--r4x-transition-fast),color var(--r4x-transition-fast),box-shadow var(--r4x-transition-fast);
}
.r4x-card-cta:hover,
.r4x-card-cta:focus-visible,
.r4x-feature-card__cta:hover,
.r4x-feature-card__cta:focus-visible{
  border-color:var(--r4x-border-strong);
  background:rgba(255,255,255,.12);
}
.r4x-card-cta:focus-visible,
.r4x-feature-card__cta:focus-visible{
  outline:2px solid rgba(255,255,255,.24);
  outline-offset:2px;
}
.r4x-card-cta--plus,
.r4x-card-cta--single,
.r4x-feature-card__cta--plus{
  border-color:var(--r4x-gold-border);
  background:var(--r4x-gold-bg);
  color:var(--r4x-gold-warm,var(--r4x-gold));
}
.r4x-card-cta--plus:hover,
.r4x-card-cta--plus:focus-visible,
.r4x-card-cta--single:hover,
.r4x-card-cta--single:focus-visible,
.r4x-feature-card__cta--plus:hover,
.r4x-feature-card__cta--plus:focus-visible{
  border-color:var(--r4x-gold-border-strong);
  background:var(--r4x-gold-bg-hover);
}
.r4x-card-cta.is-locked,
.r4x-feature-card__cta.is-locked{
  border-color:var(--r4x-gold-border);
  background:var(--r4x-gold-bg);
  color:var(--r4x-gold-warm,var(--r4x-gold));
}
.r4x-card-cta--compact{
  width:auto;
  min-height:34px;
  margin-top:0;
  padding:6px 10px;
  font-size:var(--r4x-size-xs);
  flex:0 0 auto;
}
.r4x-card-cta .cockpit-lock-emoji,
.r4x-feature-card__cta .cockpit-lock-emoji{flex:0 0 auto;}
.cockpit-card__footer--actions .r4x-card-cta,
.r4x-feature-card__actions .r4x-card-cta,
.cockpit-knowledge-card__footer .r4x-card-cta,
.r4x-knowledge-wide-card__actions .r4x-card-cta,
.r4x-library-special-card__actions .r4x-card-cta{width:100%;}
@media(max-width:640px){
  .r4x-card-cta,.r4x-feature-card__cta{min-height:44px;padding:10px 14px;}
  .r4x-card-cta--compact{width:100%;min-height:38px;}
}
