// Partials / Pagination

.pagination{
  margin-top:10px;
  margin-bottom:30px;
  text-align:center;

  & > .inner{
    display:inline-flex;
  }

  .pagination-button{
    @include font-sans;
    cursor:pointer;
    outline:0;
    -webkit-appearance: none;
    -moz-appearance: none;
    border:none;
    background-color:$white;
    color:$subscribe-bg-blue-light;
    box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);
    border-radius:3px;
    font-size:14px;
    text-transform: capitalize;
    line-height:15px;
    font-weight:600;
    padding:10px 10px 11px 10px;
    min-width:36px;
    margin-left:6px;
    margin-right:6px;

    &.hide{
      display:none;
    }

    &.disabled{
      pointer-events:none;
      color:#bcbec0;
    }

    &.active{
      background-color:$subscribe-bg-blue-light;
      color:$white;
    }
  }
}
