@mixin tangential-components-pagination_bar($theme) {

  $background : map-get($theme, background);

  tanj-pagination-bar {
    border-top       : 1px solid rgba(black, .25);
    border-bottom    : 1px solid rgba(black, .25);
    background-color : map-get($background, background);
    tanj-icon {
      font-size       : 24px;
      height          : 2em;
      width           : 2em;
      border-left     : 1px solid rgba(black, .25);
      border-right    : 1px solid rgba(black, .25);
      justify-content : center;
    }
    .tanj-pagination-previous {
      i {
        transform : rotate(180deg);
      }
    }

  }
}