CTA buttons — 10 options

For the mega menu rails (and eventually every CTA on the site). Problem being solved: the current hover only darkens orange slightly — too weak a state change. Each row shows the resting button (hover it — it's live) and a frozen preview of its hover state beside it. All set on white, like the menu panels.

B1
Current — darker orange
The one in home.html today, for reference. Weakest state change.
B2
Orange → brand brown
Strong, unmistakable change; stays inside the palette. Serious, legal-firm feel.
B3
Solid → outline invert
Fill drains out on hover, leaving orange text + border. Elegant, but hover reads "lighter" — unusual for a CTA.
B4
Outline → fill
Rests quiet, commits on hover. Good where the CTA shouldn't shout at rest (dense panels).
B5
Lift + glow
Color never changes; the button physically lifts with an orange glow. Modern, tactile.
B6
Arrow reveal
An arrow slides in (space pre-reserved — zero layout shift). Says "this goes somewhere."
B7
Quiet secondary + comb cell
White button with the small orange hexagon (same marker as the menu links); border and text warm to orange on hover. A secondary-CTA candidate rather than the main one.
B8
Sliding fill
Outline at rest; orange sweeps in from the left on hover. The most animated option.
B9
Brown primary → orange
Flips the logic: rests in brand brown, ignites orange on hover. Distinct from every orange element around it.
B10
Comb-edge shape
The button itself gets hexagon ends — the brand shape as geometry, not decoration. Orange → brown on hover.

B11–B20 — the hive set 🐝

Same task, but every idea comes from the bee/honeycomb lens.

B11
Cell on the shoulder
A teal comb cell rides the button's left edge; on hover it turns and grows while the button deepens to brown.
B12
Honeycomb lattice fill
The button's fill is comb: a faint white hex lattice over orange. Hover keeps the lattice, deepens to brown.
B13
Cells sweep in
On hover a brown layer patterned with orange comb slides across, like cells being filled. Most cinematic.
B14
Hexagon end-cap
A comb cell carries the arrow beside the label; hover swaps their colors (orange↔brown).
B15
The hive grows
One tiny white cell sits on the corner at rest; on hover two more bud out — engagement literally builds the hive.
B16
Honey dip ⚠
Hover pours honey-gold over the top with a warm glow. ⚠ Introduces a NEW accent color (#F2A83B) outside the brand palette — needs a deliberate brand-guide decision.
B17
Flight path
A text CTA whose dashed underline is a bee's flight path — it animates into motion on hover. For low-emphasis CTAs.
B18
Turning cell
Quiet white button; its gray comb-cell marker ignites orange and turns like a key on hover. Secondary-CTA candidate.
B19
The swarm assembles
Three scattered cells on the button's right; on hover they snap into a tidy comb — "teams, not lone lawyers" as a micro-story.
B20
The cell IS the button
A full hexagon as the CTA — only fits short labels (CALL NOW, phone), so it's for special spots, not the rails.
Resting · liveCALLNOW
Hover stateCALLNOW