Pill Primary
Shapes · .btn-pill-primary
Text
Class name
Color hue
Radius · pill
Size
.btn-pill-primary {
display: inline-block;
padding: 13px 32px;
border: none;
border-radius: 999px;
background: #6366f1;
color: #ffffff;
font-family: inherit;
font-size: 15px;
font-weight: 600;
cursor: pointer;
transition: background 0.2s ease, transform 0.1s ease;
}
.btn-pill-primary:hover {
background: #4f46e5;
}
.btn-pill-primary:active {
transform: scale(0.97);
}