.wp-block-post-navigation-link {
    .is-arrow-arrow {
        content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24.506" height="24.506" viewBox="0 0 24.506 24.506"><g transform="translate(24.506 24.506) rotate(180)"><path d="M12.794,0V12.794H0v4.535H17.328V0Z" transform="translate(0 12.253) rotate(-45)" fill="%2382c341"/></g></svg>');
        width: 25px;
        height: 25px;
        margin: 0;
        margin-right: 10px;
        margin-bottom: -7px;
        transition: all 0.25s ease-in-out;

        &.wp-block-post-navigation-link__arrow-next {
            transform: rotate(180deg);
            margin-right: 0;
            margin-left: 10px;
        }
    }

    &:hover {
        .is-arrow-arrow {
            margin-left: -10px;
            margin-right: 20px;

            &.wp-block-post-navigation-link__arrow-next {
                margin-left: 20px;
                margin-right: -10px;
            }
        }
    }
}