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

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

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

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