🍑
Peach Lab
← Back to home
MousePointerClick

Shape Tools

CSS Button Generator

Create clean CSS button styles with live preview and copy-ready code.

View all tools

Live Preview

Create clean CSS button styles with live preview and copy-ready code.

CSS Output

.peach-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 28px;
  border: 1px solid #F28C6F;
  border-radius: 18px;
  background: #F28C6F;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 10px 24px rgba(242, 140, 111, 0.28);
  cursor: pointer;
  transition: all 0.2s ease;
}

.peach-button:hover {
  transform: translateY(-1px);
  filter: brightness(0.98);
}

Controls