How to remove padding on the sides of text in a button using css?

Question

css

It is necessary to remove the indents before and after the text in this particular button so that the text fits. So far, nothing is working. Perhaps because the button is affected by adjacent css styles. Which you don't want to change. You can't change the width and margin yet. Is there a way to remove these indents?

Answer 1

Great question :-D
Can you at least style the button?
If there width is set strictly - reduce the font size.
If there is padding - play with it, but with padding - the second word would be transferred to the second line.

Answer 2

Since the fortune-telling ball is not configured yet, I can assume that the block has a fixed width, and the text is cut off due to the text-overflow: ellipsis css property or some plugin with a similar action like trunk8.