Effect on my button on hover and it is aligned

If you're looking to add hover effects and align the 'donate' button with the 'See the Project' button, you'll need a consistent HTML structure.

To ensure that the donate button has a hover effect similar to the 'See the Project' button, it's best to create a button using an actual <button> element rather than an image.

You can position the buttons next to each other by applying similar CSS properties to both the image and the button, ensuring they share the same layout.

If you want the donate button image to change on hover, consider using CSS and add a background image property to a styled <button> instead of using an image element.

Read at SitePoint Forums | Web Development & Design Community