This is a pretty simple interaction that uses a button component with two variants.
These two variants are linked via mouse enter and mouse leave interactions.
The component is optimized for easy customization, and you can edit it effortlessly through the component properties on the right panel.
Here's what you can change:
Text color in the default state
Text color in the hover state
Background color in the default state
Background color in the hover state
Toggle for opening the link in a new tab
Toggle for smooth scroll (if a website scroll section is linked)
Step / 01
Remix the project.
Step / 02
See how it's built.
Step / 03
Try recreating it for practice or just copy and paste the component to your project.