Как CSS ограничивает радиус для текста

используйте радиус границы, что-то вроде этого:

.button {
  border-radius: 20px;
  background: lightgray;
  padding: 6px 10px;
  color: #575d63;
}

<span class = "button">Create Document</span>

Показать абсолютные единства и относительные стили

Вот пример Приблизительное измерение

unity   Meaning Approximate 
in   Inches  1in = 25.4mm
cm  Centimeters 1cm = 10mm
pc  Spades 1pc = 4.23mm
mm  Millimeters 1mm = 1mm
pt  Points  1pt = 0.35mm
px  Pixels 1px = 0.26mm
Q   Quarter mm  1Q = 0.248mm

Относительные единицы

unity   Meaning Approximate 
em  «M» 1em 
ex  «X» (~0.5em)    1ex 
ch  «zero width»    1ch 
rem «root M»    1rem 
%   

то здесь применить преобразование относительных значений в абсолютные и абсолютные значения в относительные легко

.button {
  border-radius: 2.50em;
  background: lightgray;
  padding: 0.7500em 1.2500em;
  color: #575d63;
}