@keyframes ajax_loop {
  0% {
    left: -100%; }
  50% {
    left: 100%; }
  100% {
    left: 200%; } }

.posts-row {
  width: 100%;
  margin-top: 54px;
  padding-bottom: 54px;
  font-size: var(--fontSize--normal); }
  .posts-row .row {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
    flex-direction: row; }
    @media only screen and (min-width: 768px) {
      .posts-row .row {
        flex-direction: row;
        justify-content: flex-start; } }
  .posts-row .posts-row-title {
    font-size: 2.25rem;
    font-weight: normal;
    text-align: center;
    margin-bottom: 50px; }
  .posts-row article.post {
    border: 1px #353535 solid;
    border-radius: 20px;
    background-color: #292929;
    overflow: hidden;
    opacity: 0;
    transition: all .5s ease;
    transform: translateY(40px);
    flex-basis: 100%; }
    @media only screen and (min-width: 992px) {
      .posts-row article.post {
        flex-basis: calc((100 / 3) * 1% - 20px); } }
    .posts-row article.post.loaded {
      opacity: 1;
      transform: translateY(0px); }
    .posts-row article.post .post__title {
      margin-bottom: 10px; }
      .posts-row article.post .post__title a {
        font-size: 1.875rem;
        text-decoration: none;
        font-weight: bold;
        color: #fff; }
    .posts-row article.post .post__image {
      position: relative;
      margin-bottom: 20px;
      min-height: 265px;
      background-color: #434343; }
      .posts-row article.post .post__image .post__image-wrapper {
        display: block; }
        .posts-row article.post .post__image .post__image-wrapper img {
          width: 100%; }
    .posts-row article.post .post__content {
      padding: 30px; }
      .posts-row article.post .post__content .post__info {
        margin-bottom: 20px; }
        .posts-row article.post .post__content .post__info .date {
          display: flex;
          flex-direction: row;
          align-items: center;
          gap: 10px;
          color: #747474;
          font-size: var(--fontSize--normal);
          line-height: 1; }
          .posts-row article.post .post__content .post__info .date p {
            margin-bottom: 0 !important; }
    .posts-row article.post .post__description {
      font-size: var(--fontSize--m);
      font-weight: 300;
      margin-bottom: 20px; }
    .posts-row article.post .post__read-more {
      font-size: var(--fontSize--s);
      color: #03ABAB;
      padding-right: 30px;
      font-weight: 600;
      text-decoration: none;
      background-position: calc(100% - 4px) center;
      background-repeat: no-repeat;
      background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMzU1NDcgMS4zNTA1OUwxMS43NDk3IDYuNDk5Nkw2LjM1NTQ3IDExLjY0ODYiIHN0cm9rZT0iIzAzQUJBQiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMTEuNzQ5OSA2LjVMMS4yNSA2LjUiIHN0cm9rZT0iIzAzQUJBQiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
      transition: all 0.35s cubic-bezier(0.075, 0.82, 0.165, 1); }
      .posts-row article.post .post__read-more:hover {
        background-position: 100% center; }
  .posts-row .btn-row {
    display: flex;
    justify-content: center; }
    .posts-row .btn-row .btn-load-more {
      display: inline-block;
      position: relative;
      transition: all .5s;
      text-decoration: none;
      line-height: 1rem;
      padding: calc(20/16 *1rem) calc(30/16 *1rem);
      cursor: pointer;
      background-color: #fff;
      position: relative;
      border: 1px solid #000;
      transition: background-color .35s;
      overflow: hidden; }
      .posts-row .btn-row .btn-load-more:hover {
        background: #000; }
        .posts-row .btn-row .btn-load-more:hover span {
          color: #fff; }
      .posts-row .btn-row .btn-load-more span {
        font-size: 1rem;
        color: #2A312E;
        font-weight: bold;
        z-index: 10;
        transition: color .35s; }
      .posts-row .btn-row .btn-load-more.loading-posts {
        background-color: #000; }
        .posts-row .btn-row .btn-load-more.loading-posts:after {
          content: ' ';
          width: 100%;
          left: -100%;
          height: 100%;
          top: 0;
          position: absolute;
          opacity: .5;
          background: linear-gradient(to right, transparent, #fff, transparent);
          animation: ajax_loop;
          animation-duration: 1s;
          animation-iteration-count: infinite; }
      .posts-row .btn-row .btn-load-more .btn-load-more_all-displayed {
        display: none; }
      .posts-row .btn-row .btn-load-more.all-displayed {
        cursor: not-allowed;
        background: #000; }
        .posts-row .btn-row .btn-load-more.all-displayed .btn-load-more_all-displayed {
          color: #fff;
          display: block; }
        .posts-row .btn-row .btn-load-more.all-displayed .btn-load-more_text {
          display: none; }
  .posts-row .pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 50px; }
    .posts-row .pagination .page-numbers {
      text-decoration: none;
      color: #fff;
      font-weight: normal;
      margin-left: 6px;
      margin-right: 6px; }
      .posts-row .pagination .page-numbers.current {
        font-weight: bold;
        color: #03ABAB; }