Skip to main content
kaimdt Toolbox
Generators
Converters
Dev Tools
Colors
Templates
Back to Templates
Ghost Button
buttons
CSS
Reset
Copy
.btn { background: transparent; border: 1.5px solid rgba(255,255,255,0.4); color: white; padding: 12px 28px; border-radius: 10px; cursor: pointer; font-weight: 500; transition: background 0.2s, border-color 0.2s; } .btn:hover { background: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.7); }
Live Preview
Demo Button
Edit the CSS on the left to see live changes. The styles are scoped to the preview area.