/* Добавление курсора-руки при наведении на картинки слайдера GL20 */
.t-slds__item {
    cursor: pointer;
}


/* Добавление градиента при наведении на кнопку слайдера GL20*/
.t-slds__arrow-right::before {
    content: ""; /* Создание псевдоэлемента */
    position: absolute; /* Установка позиции псевдоэлемента */
    top: 0; /* Размещение псевдоэлемента поверх кнопки */
    left: 0; /* Размещение псевдоэлемента поверх кнопки */
    width: 100%; /* Растягивание псевдоэлемента на всю ширину кнопки */
    height: 100%; /* Растягивание псевдоэлемента на всю высоту кнопки */
    background: linear-gradient(0turn,rgba(191,159,149,1) 19%,rgba(235,226,222,1) 100%); /* Градиент */
    opacity: 0;
    transition: .4s all ease; /* Плавное появление */
    border-radius: 50%;
}

.t-slds__arrow-right:hover::before {
    opacity: 1; /* Плавное появление градиента при наведении */
    transition: .4s all ease;
}



.t-slds__arrow-left::before {
    content: ""; /* Создание псевдоэлемента */
    position: absolute; /* Установка позиции псевдоэлемента */
    top: 0; /* Размещение псевдоэлемента поверх кнопки */
    left: 0; /* Размещение псевдоэлемента поверх кнопки */
    width: 100%; /* Растягивание псевдоэлемента на всю ширину кнопки */
    height: 100%; /* Растягивание псевдоэлемента на всю высоту кнопки */
    background: linear-gradient(0turn,rgba(191,159,149,1) 19%,rgba(235,226,222,1) 100%); /* Градиент */
    opacity: 0;
    transition: .4s all ease; /* Плавное появление */
    border-radius: 50%;
}

.t-slds__arrow-left:hover::before {
    opacity: 1; /* Плавное появление градиента при наведении */
    transition: .4s all ease;
}


