Looking for something specific?

This button uses an inset box-shadow to create a bold band of contrasting color on the right side. This color band slides over on hover to cover the whole button. It’s a clean, modern look - more akin to a tab than a traditional button, but still sharp and professional.

Here's a breakdown of what is going on with the box-shadow:

• inset - renders the shadow inside the element, rather than outside.
• 10px - the horizontal offset (or width of the inset bar in this case). On hover, it increases to the width of the button, creating a complete fill.
• 0 - the vertical offset; since it's zero, the shadow only appears as a vertical bar on the right side.
• #A3C09B - the solid color used for the inset fill.