Symmetric inset glow
Compact primary button with symmetric inset glow on all sides plus layered outer shadow. Drop-in for any brand color using Tailwind arbitrary values.
Dependencies
Install the required packages before using this component.
Notes
This is the same inset shadow system as the primary button but the diffused layers are symmetric (both positive and negative offsets on every axis). This spreads the glow evenly across the entire button face rather than biasing to one corner.
The extra outer layer (0 2px 1px 0) with a very small blur adds a sharp base shadow just below the button, which reinforces the sense of physical elevation at a close viewing distance.
Works on any brand color — substitute bg-lime-500 and border-lime-600 with your palette and a one-step darker border.