.Button-arrow{
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--wp--preset--color--secondary);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border:none;
    cursor: pointer;
    transition: background .200s ease;
    @media screen and (max-width: 993px) {
        width: 40px;
        height: 40px;
    }
    &:hover, &:focus{
        background: var(--wp--preset--color--tertiary);
    }
    svg{
        stroke: var(--wp--preset--color--primary);
    }
}

.Buttons-arrowWrap{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--wp--preset--spacing--s);

}

.Button-arrowRight{
    transform: rotate(180deg);
}