title: Styling Angular Material Paginator
body: <p>I have an Angular Material Paginator that looks like </p>
  
  <p><a href="https://i.stack.imgur.com/7Hax1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7Hax1.png" alt="enter image description here"></a></p>
  
  <p>I want to style it and it should look like</p>
  
  <p><a href="https://i.stack.imgur.com/KHv9f.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KHv9f.png" alt="enter image description here"></a></p>
  
  <p>I am having a very difficult time to style it. I was just able to move the elements in the paginator around(start and end positions), apart from this I was not able to modify anything.</p>
  
  <p>Please let me know how to do the required styling ?</p>
  
  <p>Here is the stackblitz link <a href="https://stackblitz.com/edit/angular-tjhkpo" rel="nofollow noreferrer">https://stackblitz.com/edit/angular-tjhkpo</a></p>