REM
La unidad rem (root em) tiene como referencia de medida el font-size del elemento root, la etiqueta <html>. Generalmente los navegadores establecen el font-size de <html> en 16px. De este modo, 1rem es igual a 16px, 2rem es igual a 32px y así sucesivamente. Los 16px del elemento root se pueden modificar, pero no es recomendable.
Soy el párrafo 1. Mi fuente es de 16px.
Soy el párrafo 2. Mi fuente es de 1rem, mide lo mismo que la fuente del párrafo 1.
Soy el párrafo 3. Mi fuente es de 2rem, mide el doble que la fuente de los párrafo anteriores.
Soy el párrafo 4. Mi fuente es de 1.5rem que equivale a 24px (16 + 8).
EM
En el caso de los márgenes, los padding y los bordes, la unidad em tiene como referencia de medida el font-size del elemento actual.
Las medidas de padding y margin del tercer botón se auto-calculan en proporción al tamaño de su fuente.