.button { font-size: 30px; background-color:#FFCCD1; opacity: 1.8; transition: 0.3s; border-radius:15px; box-shadow: 0 9px #FFF2F3; border:none; } .button:hover { background-color: #ff7d8a; opacity: 1 } .button:active { background-color: #00511d; box-shadow: 0 5px #d9ffe7; transform: translateY(4px); }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter