.button-container { display: flex; background-color: rgba(245, 73, 144); width: 250px; height: 40px; align-items: center; justify-content: space-around; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px, rgba(245, 73, 144, 0.5) 5px 10px 15px; } .button { outline: 0 !important; border: 0 !important; width: 40px; height: 40px; border-radius: 50%; background-color: transparent; display: flex; align-items: center; justify-content: center; color: #fff; transition: all ease-in-out 0.3s; cursor: pointer; } .button:hover { transform: translateY(-3px); } .icon { font-size: 20px; }
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