#prev-button{
    position:fixed;
    top:10vh;
    left:2px;
    padding: 5px 10px;
    border-radius: 10px;
    z-index: 100;
    transition:0.5s;
    text-decoration: none;
}
.light{
    /* background-color: rgba(0,0,0,0.1); */
    border:1px solid rgba(255,255,255, 0.5);
    color: rgba(255,255,255, 0.5);
}
.dark{
    /* background-color: rgba(0,0,0,0.1); */
    border:1px solid rgba(0,0,0, 0.2);
    color: rgba(0,0,0, 0.5);
}
#prev-button> i{
    transition:0.5s;
}

.light:hover{
    border:1px solid white;
    color: white;
    background-color: rgba(0, 0, 0, 0.6);
    /* background-color: rgba(0,0,0,0.4); */
}
.dark:hover{
    border:1px solid black;
    color: black;
    /* background-color: rgba(0,0,0,0.1); */
}
#prev-button:hover>i{
    /* font-size: 2rem; */
    transform: scale(1.5);
}

@media(max-width: 820px){
    #prev-button{
        /* top:36px;
        left:12.5px; */
        top:12px;
        left:calc(50% - 55px);
        padding:3px 10px;
    }

}