Update styles.css

[shantanu020]

Issue Title: #58

Button Styling Inconsistency with Website Theme

Resolution:

The button styling issue has been successfully resolved to align with the black-and-white theme of the website.

Changes Made:

• Updated the button CSS to incorporate a pixelated design, featuring a solid black background with white text.
• Implemented a clear white border to enhance contrast against the black background.
• Adjusted padding and letter spacing to create a more pixelated aesthetic.
• Added uppercase text styling for emphasis and consistency with the design.
• Developed smooth hover effects that transition the background to white and the text to black, maintaining visual coherence.

Before:

After:

Outcome:
The button now fits seamlessly within the overall website theme, providing a consistent user experience and enhancing the visual appeal of the interface. All button states (normal, hover, active) have been visually aligned with the pixelated design concept.

[lcrojano]

Hi @shantanu020,

Thank you for your issue, it's well-targeted but could benefit from a few improvements to reflect the desired changes more clearly. Please consider the following updates:

Button positioning: All buttons should appear at the top left in a consistent order.
Favorite button: Replace the old button with a heart icon that toggles between alpha white and red when clicked to indicate favoriting.
Author over the image: The author should appear at the bottom right of the picture.
Link copy button: Add a link icon that changes from alpha white to solid white on hover, indicating it’s interactive.
Translucent box: add a translucent box to facilitate the contrast of the icons and delimitate.
Remove old buttons: Make sure to remove any outdated or redundant buttons as part of the update.
Here is a reference for how the updated UI should look:

Diseno.sin.titulo.mp4

Feel free to reach out if you need more details! Thanks for your efforts.

[shantanu020]

Hi!! @lcrojano
Thank you for the detailed feedback! I appreciate the suggestions, and I'll make the necessary adjustments as per your recommendations.