.pagination {
   flex-direction: row;
   max-width: var(--max-text-width);
}

.pagination .previous,
.pagination .next {
   padding: 2px 75px;
   border: 2px outset #dcd7d7;
   box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.4);
   max-width: calc(50% - 2px);
   height: 80px;
}

.pagination .previous {
   flex-direction: row-reverse;
   justify-content: flex-end;
}

.pagination .next {
   margin-left: auto;
}

.pagination h4 {
   text-align: center;
   color: #000;
}

.pagination .previous h4 {
   margin-left: 33px;
}

.pagination .next h4 {
   margin-right: 33px;
}

.pagination i.fa-solid {
   font-size: 40px;
   color: #333333;
   margin: 0px -1px -3px -2px;
}

.pagination .previous i.fa-solid {
   margin-left: -50px;
}

.pagination .next i.fa-solid {
   margin-right: -50px;
}

.mini-preview {
   max-width: 100px;
   max-height: calc(100% - 1px);
   border: 1px solid #333;
   margin: 7px;
}


@media (max-width: 1024px) {
   .pagination .previous,
   .pagination .next {
      padding: 2px 30px;
      height: 72px;
      overflow: hidden;
      width: calc(50% - 2px);
   }

   .pagination i.fa-solid {
      font-size: 32px;
   }

   .pagination .previous i.fa-solid {
      margin-left: -25px;
   }

   .pagination .next i.fa-solid {
      margin-right: -25px;
   }

   .pagination h4 {
        font-size: 0.79rem;
        line-height: 1.2
   }
   .mini-preview {
      display:none;
   }
}