.button-arrow {
    width: 50px;
    height: 50px;
    background-color: #E3E52E;
    box-shadow: 5px 5px 0px #000;
    cursor: pointer;
}

.button-arrow::before {   
    content: '';
    display: block;
    box-sizing: border-box;
    width: 15px;
    height: 15px;
    border: 20px solid transparent;
    border-left:28px solid #fff;
    transform: translateX(4px);
    
}

.button-arrow.-left::before {   
    transform: rotate(180deg) translateX(16px);
}    

.button-arrow .content {
    display: none;
}