Pill button

Pill buttons are like the jovial cousins in the button family—rounded to the max, they mimic the shape of a physical pill. This shape exudes a playful, friendly vibe, making it a go-to choice for more relaxed, informal interfaces.

But crafting a great pill button involves more than just rounding the corners:

• Set your border radius to half the button's height to achieve that signature pill look.
• Don't overlook the label; it needs space to breathe.
• Increase the button's horizontal padding to ensure that your text label sits comfortably within the button, enhancing readability and touchability.