weird adjustment issue

Hi,
I am struggling with this since many days.
If you have some free time, It would be perfect for me.
I am going to live but postpone due to this.

I try to adjust these 2 links side by side.

1. here is original status. https://prnt.sc/11cgkkg
2. I want them to show side by side thus added below code. It looks perfect. https://prnt.sc/11cgmok

/* Compare checkbox adjust */
p.woocommerce-products-compare-compare-button {
    display: block;
    float: left;
}
.yith-wcwl-add-to-wishlist, .wishlist-fragment.on-first-load {
    float: inherit;
    display: inline-block;
    margin-left: 40px;
margin-top: 18px
}

3. then I tried to add the product to wishlist. Then it is ruined. https://prnt.sc/11cgo8y

If I play with the margin it fixes the one but broke the other one.

As I said, I know this is not your business.
But any help is appreciated.

thanks in advance.