/* ──────────────────────────────────────────────────────────────────────────
   Šipky v odkazech a tlačítkách.

   Dřív byl v šabloně natvrdo znak „→". Textová šipka se vykresluje jiným
   písmem než zbytek popisku, na každém systému jinak vysoko a nedá se
   obarvit nezávisle na textu. Nahradil ji vektorový obrázek s třídou
   .jl-arw, který dědí barvu z odkazu a sedí na účaří.
   ────────────────────────────────────────────────────────────────────── */

.jl-arw {
    display: inline-block;
    vertical-align: -0.18em;
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    transition: transform .18s ease;
}

/* V odkazu se šipka posune o kousek dál, ne o celý znak. */
a:hover > .jl-arw,
button:hover > .jl-arw,
a:hover .jl-arw,
button:hover .jl-arw {
    transform: translateX(3px);
}

/* Obaly, které si šipku dřív polohovaly samy podle velikosti písma.
   Teď mají pevnou velikost obrázku, takže se z nich vypíná typografie. */
.cta-btn-arrow,
.cp-cta-arrow,
.tk-cta-arrow,
.dng-cta-arrow,
.age-promo-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    line-height: 0;
}

@media (prefers-reduced-motion: reduce) {
    .jl-arw { transition: none; }
    a:hover > .jl-arw,
    button:hover > .jl-arw,
    a:hover .jl-arw,
    button:hover .jl-arw { transform: none; }
}