.directionContainer {
    margin: 0rem auto 0.05rem auto;

    max-width: 200px;
    min-height: 50px;
    width: 100%;
    
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}



.ButtonDirectionLeft {
    background: url(../../img/ButtonDirection/Arrows-Left.JPG);
    background-position: center center;
    background-size: cover;
    
    width: 35px;
    height: 35px;

    border-radius: 35px;
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.5);
}

.ButtonDirectionLeft:active {
    transform: scale(1.05, 1.05);
}



.ButtonDirectionRight {
    background: url(../../img/ButtonDirection/Arrows-Right.JPG);
    background-position: center center;
    background-size: cover;

    width: 35px;
    height: 35px;

    border-radius: 35px;
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.5);
}

.ButtonDirectionRight:active {
    transform: scale(1.05, 1.05);
}



.LaodMoreDetails {
    font-weight: bold;

    text-align: end;

    text-decoration: none;
}