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


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


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


  /* mezery uvnitř CTA (pokud je uvnitř víc prvků) */
  gap: 12px;
  flex-wrap: wrap;
  row-gap: 10px;


  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;
  text-align: center;


  /* === Rozestupy mezi více CTA (bez úprav HTML) === */
  margin: 6px;
  vertical-align: middle;
}


/* Když je v parentu jen jeden .pk-cta, chová se jako doteď (na střed) */
.pk-cta:first-child:last-child{
  margin: 0 auto;
}


.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 */
@media (max-width: 520px){
  .pk-cta{
    padding: 22px 20px;
    gap: 10px;
    row-gap: 12px;
    line-height: 1.3;


    margin: 6px; /* můžete klidně dát třeba 5px, pokud chcete těsněji */
  }
}