/* Kontener 80% szerokości – centrowany */
.cta-wrap { width: 50%; margin: 0 auto; }

/* Link jako baner */
#cta-details.cta-link {
  display: block;
  width: 100%;
  text-decoration: none;
  color: inherit;
}

#cta-details .cta-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;

  padding: 14px 16px;
  border: 2px solid #A8E6CF;              /* MINT */
  border-radius: 16px;

  background: linear-gradient(135deg, #A8E6CF 0%, #B2EBF2 100%); /* MINT -> BLUE */
  box-shadow: 0 6px 16px rgba(44,62,80,0.14);

  transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

/* Tekst + ikona */
#cta-details .cta-text { font-weight: 700; letter-spacing: .2px; font-size: 1rem; color: #2C3E50; }
#cta-details .cta-icon { font-size: 1.1rem; color: #2C3E50; transition: transform 160ms ease; }

/* HOVER – jaśniejszy gradient + lekki „lift” + strzałka do przodu */
#cta-details:hover .cta-inner {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(44,62,80,0.22);
  background: linear-gradient(135deg, #B2EBF2 0%, #A8E6CF 100%); /* subtelne odwrócenie */
}

#cta-details:hover .cta-icon { transform: translateX(2px); }

/* Fokus z klawiatury – widoczny, a elegancki */
#cta-details:focus-visible .cta-inner {
  outline: 3px solid rgba(200,198,250,0.8);   /* LAVENDER */
  outline-offset: 2px;
}