/* === CTA button === */


.pk-cta{
  background:#eee000;
  color:#111 !important;


  display: inline-flex;
  align-items: center;
  justify-content: center;


  /* mezery */
  gap: 12px;
  flex-wrap: wrap;     /* umožní zalomení */
  row-gap: 10px;       /* mezera mezi řádky při zalomení */


  /* defaultně na střed */
  margin: 0 auto;
  width: fit-content;
  max-width: 100%;


  padding: 24px 26px;
  border-radius: 999px;


  text-decoration: none !important;


  font-family: inherit;
  font-size: 16px !important;
  font-weight: 600;
  line-height: 1.25;


  box-shadow: 0 2px 6px rgba(0,0,0,.08);


  white-space: normal; /* dovolí zalomení */
  text-align: center;
}


.pk-cta__text{
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}


.pk-cta__text strong,
.pk-cta__text b{
  font-weight: 800;
}


.pk-cta:hover{
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(0,0,0,.10);
}


.pk-cta:active{
  transform: translateY(0px);
  box-shadow: 0 2px 6px rgba(0,0,0,.08);
}


.pk-cta:focus-visible{
  outline: 3px solid rgba(17,17,17,.22);
  outline-offset: 3px;
}


/* Mobil: o trochu menší padding, ale větší row-gap (ať se řádky nelepí) */
@media (max-width: 520px){
  .pk-cta{
    padding: 22px 20px;
    gap: 10px;
    row-gap: 12px;
    line-height: 1.3;
  }
}