Features
This interaction uses a component with two variants: "default" and "hover". The small corners you see upon hovering are frames, positioned absolutely within the button with correct border colors. When you hover, these frames just shift out a few pixels.
Step / 01
Remix the project.
Step / 02
See how it's built.
Step / 03
Try recreating it for practice, or copy and paste it to your project.