Source button

I would like to insert 2 buttons in a container, the buttons must be one on the far left and the other on the right (so far everything is ok).
Now I’d like to apply the round border as per the “btn-group-rounded” button group class.

That is, to the left button apply the roundness to its right edge, to the right button apply the roundness to its left edge.


I’ve read this post (Bottom Right Border Radius on a source button) but are there any other suggestions?

I would say go back to that previous post and digest that.

Then use something like thi sfor the right rounding:

.roundRight .source-button { border-bottom-right-radius: 99px; border-top-right-radius: 99px}

All the exact code above to your Page CSS code

Then add roundRight to the class of the button you want the right end to be rounded.

Use the same approach for the other button.


Thank you very much


.roundLeft .source-button { border-bottom-left-radius: 99px; border-top-left-radius: 99px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;}