.volonteer__slider {height: 400px; position: relative;}
.volonteer__slide {height: 100%;}
.volonteer__slider img {width: 100%;
    height: 100%;
    object-fit: cover;}


.volonteer__arrow {
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 5px;
    background-color: var(--gd-yellow);
    background-image: url("/assets/vectors/news-arrows.svg");
    background-repeat: no-repeat;
    background-size: 81px 36px;
    pointer-events: auto;
}

.volonteer__arrow:hover {
    opacity: 0.8;
}

/* Если Swiper добавляет класс отключенной кнопки (в начале или конце слайдера) */
.volonteer__arrow.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.volonteer__arrow--prev {
    background-position: 0 0;
}

.volonteer__arrow--next {
    background-position: -45px 0;
}

/* Контейнер для кнопок управления */
.volonteer__controls {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    /* Идеальное центрирование по вертикали */
    display: flex;
    justify-content: space-between;
    /* Расталкивает кнопки по краям */
    padding: 0 20px;
    /* Отступ кнопок от краев слайдера (изменяйте по вкусу) */
    pointer-events: none;
    /* Чтобы сам контейнер не перекрывал клики по слайдам */
    z-index: 9999;
    /* Кнопки должны быть поверх картинок */
}