Customize the radius of the mobile chat button
On mobile, Better Messages shows a floating round chat button on the bottom of the screen that opens the messenger when tapped. The default style is a perfectly circular button — same width and height, full 50% border-radius. You may want a softer, rounded-square look (closer to a chip), or a pill shape that matches your theme's other floating elements.
The button has the DOM id #bp-better-messages-mini-mobile-open. A single border-radius override is all you need — the rest of the button styling stays untouched. Use a value of 0 for a square button, 12px to 25px for a rounded square, 50% to keep the default circle.
#bp-better-messages-mini-mobile-open {
border-radius: 25px !important;
}
