ul.pagination {
  list-style: none;
  li.page-item {
    display: inline-block;
    a {
      padding: 0.05em 0.25em;
    }
    &.active {
      a {
        color: $navigation-color;
        border-bottom: 3px solid $navigation-color;
      }
    }
  }
}

.navigation {
  max-width: calc(100% - 0px);
  margin: 0 auto;
  margin-top: 60px;
  a {
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    color: $navigation-color;
    border: 2px solid $navigation-color;
    line-height: 1.25;
    text-transform: uppercase;
    &:hover {
      padding: 14px;
      border-width: 3px;
    }
    &:nth-child(2) {
      margin-top: 10px;
    }
    &:first-child:last-child {
      width: 100%;
    }
  }
  .fa {
    font-size: 0.8rem;
  }
  .navigation-prev {
    text-align: left;
    .fa {
      padding-right: 10px;
    }
    .navigation-tittle {
      padding-left: 4px;
    }
  }
  .navigation-next {
    text-align: right;
    .fa {
      padding-left: 10px;
    }
    .navigation-tittle {
      padding-right: 4px;
    }
  }
}
.navigation-single a {
  text-transform: none;
}
