Like Button States
A button can appear in three different states: normal, hovered, and clicked.
In the normal state, the button is outlined with a neutral color and shows a heart icon followed by the text Like.
In the hovered state, the outline and icon/text change to a highlighted color.
In the clicked state, the button is filled with the highlighted color and the icon/text become white.
Design or implement the button states so that the visual appearance changes correctly according to user interaction.
This problem focuses on UI state handling for an interactive button. The key idea is to switch styles based on user actions such as hover and click: the default state uses a neutral outlined style, the hovered state highlights the border and text/icon, and the clicked state becomes a filled accent button with white content. A clean implementation usually relies on state-driven class changes or component state management rather than heavy algorithms.
