<style>
/* Делаем линии стандартных стрелок полностью прозрачными */
.tn-elem[data-elem-type="gallery"] .t-slds__arrow_wrapper-left svg *,
.tn-elem[data-elem-type="gallery"] .t-slds__arrow_wrapper-right svg * {
fill: transparent !important;
stroke: transparent !important;
}
/* Задаем параметры фона для новых стрелок */
.tn-elem[data-elem-type="gallery"] .t-slds__arrow_wrapper-left svg,
.tn-elem[data-elem-type="gallery"] .t-slds__arrow_wrapper-right svg {
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-color: transparent !important;
}
/* Левая стрелка (отражена зеркально) */
.tn-elem[data-elem-type="gallery"] .t-slds__arrow_wrapper-left svg {
background-image: url('ССЫЛКА НА ЛЕВУЮ СТРЕЛКУ') !important;
transform: scaleX(-1);
}
.tn-elem[data-elem-type="gallery"] .t-slds__arrow_wrapper-left:hover svg {
background-image: url('ССЫЛКА НА ЛЕВУЮ СТРЕЛКУ НАВЕДЕНИЕ') !important;
}
/* Правая стрелка */
.tn-elem[data-elem-type="gallery"] .t-slds__arrow_wrapper-right svg {
background-image: url('ССЫЛКА НА ПРАВУЮ СТРЕЛКУ') !important;
}
.tn-elem[data-elem-type="gallery"] .t-slds__arrow_wrapper-right:hover svg {
background-image: url('ССЫЛКА НА ПРАВУЮ СТРЕЛКУ НАВЕДЕНИЕ') !important;
}
</style>
