How do I set this bottom div to be wide as it can be just so that the text don't go in new line? 
Basically I am trying to set Cookie notice to be in position fixed, in the center of a page with its child elements vertically aligned in same line.

<http://codepen.io/anon/pen/OmVVPr>

```
<div class="fixed">
  Lorem ispum dolor sita ametad asdf asdfLorem ispum dolor sita ametad asdf asdf sita ametad asdfispum dolor sita ametad 
  <a class="link" href="#">Link</a>
  <button class="btn">Button</button>
</div>

.fixed {
  display: flex;
  align-items: center;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
}

```