Strange padding on sold out button on product details page

Hi! I wanted to ask if anyone knows how to remove the padding on the product details page with a sold out item. Somehow the "sold out" sign is not at the same place as the price that was listed before and that's what I want to achieve. I attached this code to remove the price on the page:

.sold-out .sqs-money-native { display:none }
.sold-out .product-details .product-mark.sold-out {
  font-size: 16px;
  font-family: "Helvetica Neue", serif;
  letter-spacing: -0.01em;
  font-weight: 900;
}

Here are pictures for reference and thanks in advance!

Hi,

Can you share link to product? We can check easier

https://www.markedeu.com/shop/p/acne-studios-multicoloured-miles-sample-jacket

https://www.markedeu.com/shop/p/acne-studios-ss20-horse-short-sleeve-shirt

On 4/28/2022 at 4:07 AM, 9uan said:

https://www.markedeu.com/shop/p/acne-studios-multicoloured-miles-sample-jacket

https://www.markedeu.com/shop/p/acne-studios-ss20-horse-short-sleeve-shirt

Try adding to Design > Custom CSS

/* Sold out spacing */
h1.ProductItem-details-title {
    margin-bottom: 0px !important;
}
.ProductItem-product-price {
    margin-bottom: 0px !important;
}
.product-mark.sold-out {
    margin-bottom: 0px !important;
}

Thank you so much!