== Background
Currently, the Message component uses `font-size-medium` with `line-height-small`, but with longer form messages, this is proving to be too tight of a line-height. We should change the line-height to `line-height-medium` for better readability.
Additionally, there is a style in the CSS for Message that sets the text styles for everything using `*`. We should try to avoid this amount of control and allow for more flexibility and better usability for consumers.
=== Acceptance criteria
[x] Within Message, `&__content` should be updated to use `line-height-medium`
[x] As a result, `.cdx-message__icon, .cdx-message__icon--vue` should be updated to `line-height-medium as well
[x] As a result, `&__dismiss-button.cdx-button` should have `top: calc( @font-size-medium + 2px );`
[x] Within Message, `&__content > *` should be removed