@Jonstar
I have plenty of such "div" buttons created on my forum. Roughly mimicking the effect from your screenshot:
1. ACP > Customization > Editor > Toolbars > Add Button > Custom > HTML:
<br><div class='unique_name'>{content}</div><br>
unique_name = replace by something characteristic.
2. ACP > Customization > Themes > select Edit HTML/CSS for your theme > add to custom.css:
.unique_name {
padding: 10px;
background: linear-gradient(90deg, rgba(237,190,52,1) 0%, rgba(255,255,255,1) 100%);
border-radius: 2px;
color: #5a4d0f;
font-weight: bold;
}
Of course, you can change colors, fonts and add many more CSS effects. The fading effect can be easily created by CSS Gradient generator.