/* Start:/local/templates/crazy/components/crazy/news.list/our_regards/style.css?17925805993140*/
.owl-nav button .hover-img {
    display: none;
}
.owl-nav button .default-img {
    display: inline-block;
    vertical-align: middle;
}

/* При наведении (hover) на кнопку меняем видимость картинок */
.owl-nav button:hover .default-img {
    display: none;
}
.owl-nav button:hover .hover-img {
    display: inline-block;
    vertical-align: middle;
}

/* Сброс стандартных стилей кнопок Owl Carousel (опционально) */
.owl-theme .owl-nav [class*='owl-'],
.owl-theme .owl-nav [class*='owl-']:hover,
.owl-theme .owl-nav [class*='owl-']:active,
.owl-theme .owl-nav [class*='owl-']:focus {
    background: transparent !important; /* Делаем фон полностью прозрачным */
    background-image: none !important;  /* Сбрасываем возможный фоновый рисунок */
    box-shadow: none !important;        /* Убираем возможную тень */
}
.owl-carousel .owl-nav button:focus,
.owl-carousel .owl-nav button:active {
    outline: none !important;
    box-shadow: none !important;
}
.owl-nav button.disabled:hover .default-img {
    display: inline-block !important; /* Не скрываем обычную стрелку */
}

.owl-nav button.disabled:hover .hover-img {
    display: none !important; /* Не показываем ховер-стрелку */
}
.owl-carousel {
    position: relative;
    /* Если стрелки обрезаются, убедитесь, что здесь НЕТ overflow: hidden; */
}

/* 2. Общие стили для обеих кнопок */
.owl-theme .owl-nav [class*='owl-'] {
    position: absolute;
    top: 50%;                 /* Опускаем верхний край кнопки на 50% высоты карусели */
    transform: translateY(-50%); /* Сдвигаем кнопку вверх на половину её собственной высоты для точного центра */
    margin: 0 !important;     /* Сбрасываем стандартные отступы Owl */
    padding: 0 !important;
    background: transparent !important;
}

/* 3. Левая стрелка: выносим влево на 30px */
.owl-theme .owl-nav .owl-prev {
    left: -30px;
    /* Если ширина стрелки, например, 40px, и нужно 30px ЧИСТОГО отступа от слайдера, 
       то значение должно быть: -(ширина_стрелки + 30px), то есть left: -70px; */
}

/* 4. Правая стрелка: выносим вправо на 30px */
.owl-theme .owl-nav .owl-next {
    right: -30px; 
    /* Аналогично: если стрелка широкая, используйте, например, right: -70px; */
}

/* 5. Предотвращаем обрезание стрелок, если у родительского блока на странице стоит overflow: hidden */
.owl-carousel .owl-stage-outer {
    overflow: visible; /* Позволяет стрелкам выходить за пределы зоны слайдов */
}
/* End */
/* /local/templates/crazy/components/crazy/news.list/our_regards/style.css?17925805993140 */