.slbArrow{
    width: 4em;
    border-radius: 4px;
    
}

.slbArrows {
    transform: translateY(-50%);
}

.slbArrows button {
    background: white;
    padding: 10px;
    min-width: 10px;
}

.slbArrow.prev{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.slbArrow.next {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.slbArrow.prev:before {
    border-right-color: black;
    transform: translateX(-50%);
}

.slbArrow.next:before {
    border-left-color: black;
    transform: translateX(50%);
}
.slbCloseBtn{
    min-width: 10px;
}

@media screen and (max-width: 500px) {

    .slbArrow {
        height: 5em;
        width: 3em;
    }
}