title: ngx-bootstrap: How to change the look of pagination buttons
body: <p>I use the Pagination component from ngx-bootstrap in my project and try to change the buttons and how it looks and fail.
  Is there a way to change it?</p>
  
  <p>my Components:</p>
  
  <pre class="lang-js prettyprint-override"><code>&lt;div class="table-container"&gt;
    &lt;table class="table"&gt;
      &lt;thead&gt;
        &lt;tr class="table-nav"&gt;
          &lt;th scope="col"&gt;שנה&lt;/th&gt;
          &lt;th scope="col"&gt;סוג הדוח&lt;/th&gt;
          &lt;th scope="col"&gt;ח.פ&lt;/th&gt;
          &lt;th scope="col"&gt;שם החברה&lt;/th&gt;
        &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
        &lt;ng-container *ngFor="let tax of currentPage"&gt;
          &lt;tr&gt;
            &lt;td&gt;{{tax.year}}&lt;/td&gt;
            &lt;td&gt;{{tax.type}}&lt;/td&gt;
            &lt;td&gt;{{tax.cid}}&lt;/td&gt;
            &lt;td&gt;{{tax.company}}&lt;/td&gt;
          &lt;/tr&gt;
        &lt;/ng-container&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
    &lt;div class="table-footer"&gt;
    &lt;pagination class="pagination" nextText="&gt;" previousText="&lt;" [align]="true" 
      [totalItems]="totalItems" (pageChanged)="pageChanged($event)"&gt;
    &lt;/pagination&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  
  
  <p>This is Default style:</p>
  
  <p><a href="https://i.stack.imgur.com/Cj0Hn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Cj0Hn.png" alt="enter image description here"></a></p>
  
  <p>I need to make it look like this:</p>
  
  <p><a href="https://i.stack.imgur.com/VZgCZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VZgCZ.png" alt="enter image description here"></a></p>