.blog-gallery-block .negative-margin {
    margin: -10px;
}
.blog-gallery-block .gallery-column-padding {
    padding: 10px;
}
span.featherlight-next > span img, span.featherlight-previous > span img {
    display: none!important;
}
span.featherlight-previous, span.featherlight-next {
    background: var(--dark-grey);
    opacity: 1;
    height: 55px;
    width: 55px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 100%;
    background-image: url('assets/arrow.svg');
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s ease-in-out;
    border: 1px solid var(--dark-grey);
}
span.featherlight-previous {
    left: -70px;
    right: unset;
    transform: rotate(180deg) translateY(50%);
}
span.featherlight-next {
    right: -70px;
    left: unset;
}
span.featherlight-previous:hover, span.featherlight-next:hover {
  background: var(--white);
    opacity: 1;
    background-image: url('assets/arrow-black.svg');
    background-repeat: no-repeat;
    background-position: center;
}
.featherlight-next:hover span, .featherlight-previous:hover span {
    display: none!important;
}
.featherlight .featherlight-content {
    padding: 20px;
    border-bottom: 0px;
    overflow: visible;
}
.featherlight .featherlight-close-icon {
    font-size: 20px;
    background: none;
}
@media(max-width: 991.98px){
    .featherlight .featherlight-content {
        max-width: 90%;
    }
    span.featherlight-previous, span.featherlight-next {
        width: 35px;
        height: 35px;
    }
    span.featherlight-previous {
     left: -15px;
    }
    span.featherlight-next {
        right: -15px;
    }
    .blog-gallery-block .negative-margin {
        margin: -5px 5px;
    }
    .blog-gallery-block .gallery-column-padding {
        padding: 5px;
    }
}