.arrow i{
  position:absolute !important;
  inset:0 0 0 15px;
  transform: translateX(0);
  opacity: 1;
  transition: transform 700ms ease, opacity 700ms ease;
    will-change: transform opacity;
}

/* početno stanje */
.arrow_two i{ opacity:1; transform: translateX(0); }
.arrow_one i{ opacity:0; transform: translateX(-140%); }

/* animacija — SAMO kad JS kaže */
.card-carosel.is-animating .arrow_two i{
  transform: translateX(140%);
  opacity: 0;
}
.card-carosel.is-animating .arrow_one i{
  transform: translateX(0);
  opacity: 1;
}

/* reset bez tranzicije */
.card-carosel.is-resetting .arrow i{
  transition: none !important;
}