modern-button

name	modern-button
description	Create trendy glassmorphism buttons. Use when user wants modern button designs.

Modern Button Design

Instructions

Create buttons with these features:

1. Glassmorphism effect

   • Semi-transparent background
   • Backdrop blur filter
   • Subtle border

2. Hover animations

   • Smooth scale transform
   • Color transition
   • Shadow elevation

3. Responsive design

   • Works on all screen sizes
   • Touch-friendly on mobile

Example Code

.glass-button {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.3s ease;
}

.glass-button:hover {
  transform: scale(1.05);
  background: rgba(255, 255, 255, 0.2);
}