{"id":"EaxwZbG","description":"Classy Button: A Sleek & Responsive Button with Subtle Elegance A stylish, modern button with a subtle gradient, smooth hover effects, and a touch of...","image":"https://assets.codepen.io/191814/internal/screenshots/pens/EaxwZbG.custom.jpg?version=1742825683","title":"Classy Button: A Sleek & Responsive Button with Subtle Elegance","creator":"mark_sottek","username":"mark_sottek","profile":{"url":"https://codepen.io/mark_sottek","name":"mark_sottek"},"tags":["button","elegant","classy","simple","responsve"],"full_description":"

Classy Button: A Sleek & Responsive Button with Subtle Elegance

\n\n

A stylish, modern button with a subtle gradient, smooth hover effects, and a touch of class. Built with CSS variables for easy customization, it’s fully responsive and scales beautifully across all devices.

","date_indexed":"2025-05-23T10:36:02.398Z","date_indexed_unix":1747996562398,"created_at":1741693610,"updated_at":1742825683,"initData":"","avatar_url":"https://assets.codepen.io/191814/internal/avatars/users/default.png?fit=crop&format=auto&height=512&version=1657603259&width=512","codes":"\n\n\n\n \n \n\n \n\n \n\n \n\n \n\n\n\n \n \n\n Classy Button: A Sleek & Responsive Button with Subtle Elegance \n\n \n \n\n \n\n \n\n \n\n \n\n\n\n\n\n Classy Button: A Sleek & Responsive Button with Subtle Elegance \n\n \n\n\n\n

⚠️ Do not enter passwords or personal information on this page. ⚠️

\n This is a code demo posted by a web developer on CodePen.\n
\n A referer from CodePen is required to render this page view, and your browser is not sending one (more details).\n

\n\n

\n \n\n\n\n \n \n\n \n\n \n\n \n\n \n\n\n\n \n \n\n Classy Button: A Sleek & Responsive Button with Subtle Elegance \n\n \n \n \n\n \n \n\n\n \n\n \n\n \n\n\n\n \n \n \n \n\n\n\n\"\n sandbox=\"allow-downloads allow-forms allow-modals allow-pointer-lock allow-popups allow-popups-to-escape-sandbox allow-presentation allow-same-origin allow-scripts allow-top-navigation-by-user-activation\" allow=\"accelerometer *; ambient-light-sensor *; camera *; display-capture *; encrypted-media *; geolocation *; gyroscope *; microphone *; midi *; payment *; serial *; vr *; web-share *; xr-spatial-tracking *\" allowTransparency=\"true\"\n allowpaymentrequest=\"true\" allowfullscreen=\"true\" class=\"result-iframe\">\n \n

\n\n\n\n\n","objectID":"EaxwZbG","_highlightResult":{"id":{"value":"EaxwZbG","matchLevel":"full","fullyHighlighted":true,"matchedWords":["eaxwzbg"]},"description":{"value":"Classy Button: A Sleek & Responsive Button with Subtle Elegance A stylish, modern button with a subtle gradient, smooth hover effects, and a touch of...","matchLevel":"none","matchedWords":[]},"title":{"value":"Classy Button: A Sleek & Responsive Button with Subtle Elegance","matchLevel":"none","matchedWords":[]},"creator":{"value":"mark_sottek","matchLevel":"none","matchedWords":[]},"tags":[{"value":"button","matchLevel":"none","matchedWords":[]},{"value":"elegant","matchLevel":"none","matchedWords":[]},{"value":"classy","matchLevel":"none","matchedWords":[]},{"value":"simple","matchLevel":"none","matchedWords":[]},{"value":"responsve","matchLevel":"none","matchedWords":[]}],"full_description":{"value":"

Classy Button: A Sleek & Responsive Button with Subtle Elegance

\n\n

","matchLevel":"none","matchedWords":[]}}}