﻿/* === CTA button === */


.pk-cta{
  background:#eee000;
  color:#111;

  display:inline-flex;
  align-items:center;
  gap:12px;

  /* defaultně na středu */
  margin: 0 auto;

  /* výška jako na vzoru */
  padding:24px 26px;
  border-radius:999px;

  text-decoration:none;

  font-family: inherit;
  font-size:16px !important;
  font-weight:600;
  line-height:1;

  box-shadow:0 2px 6px rgba(0,0,0,.08);

  white-space:nowrap;
}

.pk-cta__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  line-height:1;
}

.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;
}

@media (max-width: 520px){
  .pk-cta{
    padding:22px 20px;
    gap:10px;
    white-space:normal;
  }
}
