Bracket Button

Design Context: fully customizable to fit any colour palette.

Primary State: It features a solid orange fill with thin, L-shaped corner arrows that frame the button.

Hover Interaction: Upon hover, the solid background becomes transparent, the text colour flips to black, and the corner brackets expand to form a continuous rectangular border.