I’ve got a CMS splide slider on my landing page for a blog/latest news section. The part I’m having problems with is the hover interaction I’ve set for each collection item. When hovering, a read article link is supposed to appear with an arrow icon. The height is set to 0px in the interaction then auto to appear. It works perfectly in the designer preview however on the published site, the arrow icon is much bigger than what I’ve set and centered in the middle of the item? Tried so many things but nothing is working. Can only think that there’s something with code possibly? I’ve added screenshots of the hover effect and the read-only link. Any help would be greatly appreciated.
Here is my site Read-Only: Webflow - Valetta Pay