
.halstein_arrows.tparrows {
    cursor: pointer;
    background: transparent;
    width: ##arrow-width##px;
    height: ##arrow-height##px;
    position: absolute;
    display: flex;
    z-index: 1000;
}

.halstein_arrows.tparrows path:last-child {
  will-change: transform;
  transform: translateX(0);
  transition: transform .3s cubic-bezier(0.33, 1, 0.68, 1);
}

.halstein_arrows.tparrows:hover path:last-child {
    transform: translateX(-3px);
}

.halstein_arrows.tparrows {
    color: ##arrow-color##;
}

.halstein_arrows.tparrows .qodef-arrow {
    display: flex;
    align-items: center;
}

.halstein_arrows.tparrows.tp-rightarrow {
    transform: scaleX(-1);
}

.halstein_arrows.tparrows.tp-leftarrow:before {
    display: none;
}

.halstein_arrows.tparrows.tp-rightarrow:before {
    display: none;
}
