Button Generator

Button Text

Font Size16px

Padding X24px

Padding Y12px

Border Radius8px

Border Width0px

Text

Border

Shadow Hover Scale

Preview

Generated Code

.btn {
  background-color: #8b5cf6;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 24px;
  border-radius: 8px;
  border: none;
  box-shadow: 0 4px 14px rgba(0,0,0,0.25);
  cursor: pointer;
  transition: all 0.2s;
}
.btn:hover {
  transform: scale(1.05);
  opacity: 0.9;
}

<button class="btn">Click me</button>

History

No saved buttons yet.