Woocommerce decrease space between image and text in product description? - css

Question

I added “add to cart” button image over which I have put a link to checkout, image is located on top of my product description but spacing between image and text is too great is there any way to decrease it? Perhaps with CSS?
How “add to cart” button looks now:
     
and how I would like for it to look like:
     
Here is my code in the product description for the image/visual above:
<img class="alignnone size-full wp-image-623" src="http://example.com/wp-content/uploads/2018/03/addtocart1-2.jpg" alt="" width="383" height="70" />
<ul>
<li>FREE WORLDWIDE SHIPPING</li>
<li>Delivery time: 9 to 18 days</li>
</ul>
Update:
Bottom margin is definitely a source of problem. I'm using SiteOrigin CSS plugin to edit my css but Konards code (answer below) is not working as expected, you can see how it looks with Konards code and when I uncheck bottom margin with inspect element (text is deformed as well even when I delete text part of the code).
And here you can see how the code looks before and after it's saved in SiteOrigin CSS (got some errors as well).
And here is the code (begins at line 10)

Answer 1

Can you send image how it looks on website?
I tried do it with CSS:
<img class="alignnone size-full wp-image-623" src="(your image url)" alt="" width="383" height="70" />
<ul>
<li>FREE WORLDWIDE SHIPPING</li>
<li>Delivery time: 9 to 18 days</li>
</ul>
<style>
img {
margin: 0;
margin-bottom: 0 !important;
}
li,
ul {
margin: 0;
margin-bottom: 0 !important;
line-height: 8px !important;
}
</style>