.category-pagination {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 8px;
        margin: 38px 0 0;
      }

      .category-pagination a,
      .category-pagination span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 42px;
        min-height: 42px;
        padding: 0 12px;
        border: 1px solid #d7dfd5;
        border-radius: 12px;
        color: #4d584f;
        background: #fff;
        font-size: 14px;
        font-weight: 800;
        line-height: 1;
        text-decoration: none;
      }

      .category-pagination a:hover {
        border-color: #8faa95;
        color: #24583a;
        background: #f2f7f0;
      }

      .category-pagination a[aria-current="page"] {
        border-color: #24583a;
        color: #fff;
        background: #24583a;
      }

      .category-pagination .pagination-direction {
        min-width: 72px;
      }

      .category-pagination .pagination-disabled {
        color: #9da49e;
        background: #f5f6f4;
      }

      .category-pagination-status {
        margin-top: 13px;
        color: #737973;
        font-size: 13px;
        text-align: center;
      }

      .article-grid .article-card[hidden] {
        display: none !important;
      }

      @media (max-width: 520px) {
        .category-pagination {
          gap: 6px;
          margin-top: 30px;
        }

        .category-pagination a,
        .category-pagination span {
          min-width: 38px;
          min-height: 38px;
          padding: 0 10px;
          border-radius: 10px;
          font-size: 13px;
        }

        .category-pagination .pagination-direction {
          min-width: 62px;
        }
      }