#imageLightbox {
    background: rgba(0, 0, 0, 0.55) !important;
    box-shadow: none;
}

.arrow-group {
    display: flex;
    justify-content: space-around;
    align-items: end;
    width: 100%;
    height: 47px;
}

.lightbox-button-arrow {
    height: 45px;
    width: 45px;
}

@media (max-width: 576px) {
    .lightbox-button-arrow {
        height: 40px !important;
        width: 40px !important;
    }
}

#lightbox-prev,
#lightbox-next {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.8;
    transition: opacity 0.3s;
}

#lightbox-prev:hover,
#lightbox-next:hover {
    opacity: 1;
}

#lightbox-prev[disabled],
#lightbox-next[disabled] {
    visibility: hidden;
}

@media (max-width: 576px) {

    #lightbox-prev,
    #lightbox-next {
        width: 30px;
        height: 30px;
        font-size: 0.8rem;
    }
}