.featherlight-content span.featherlight-previous,
.featherlight-content span.featherlight-next {
    font-size: 0;
    padding: 0;
    height: 72px;
    width: 72px;
    border-style: solid;
    border-width: 1px;
    border-radius: 50%;
    background-size: 24px;
    background-position: center;
    background-repeat: no-repeat;
    border-color: var(--salamander);
    background-color: transparent;
    transition: ease all 0.3s;
    cursor: pointer;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
}

.featherlight-content span.featherlight-previous:focus,
.featherlight-content span.featherlight-next:focus {
    outline: none;
}

.featherlight-content span.featherlight-previous {
    background-image: url('assets/prev_arrow.svg');
}

.featherlight-content span.featherlight-next {
    background-image: url('assets/next_arrow.svg');
}


.featherlight-content span.featherlight-previous:hover,
.featherlight-content span.featherlight-next:hover {
    background-color: var(--salamander);
}
.featherlight-content span.featherlight-previous:hover {
    background-image: url('assets/prev_arrow_hover.svg');
}
.featherlight-content span.featherlight-next:hover {
    background-image: url('assets/next_arrow_hover.svg');
}
.featherlight-content span.featherlight-previous span,
.featherlight-content span.featherlight-next span {
    display: none;
}

.featherlight-content span.featherlight-previous{
    left:4%;
    right:unset;
}

.featherlight-content span.featherlight-next{
    left:unset;
    right:4%;
}

.featherlight .featherlight-close-icon {
    color: #aeaeae;
}

@media (max-width: 767.98px){
    .featherlight-content span.featherlight-previous,
    .featherlight-content span.featherlight-next {
        transform: translateY(-50%) scale(0.65);
    }
    .featherlight-content span.featherlight-previous{
        left:2%;
        right:unset;
    }

    .featherlight-content span.featherlight-next{
        left:unset;
        right:2%;
    }
}