.pagination {
   display: flex;
   flex-direction: row;
   gap: 0.25rem;
   justify-content: center;

   .label {
      color: white;
      background-color: black;
      padding: 4px 7px;
      border-radius: 3px;
      box-shadow: 0px 0px 3px 0px #646464;
      margin: 0;
      display: flex;
      align-items: center;
   }

   a {
      text-decoration: none;

      display: none;
      @media screen and (width >= 768px) {
         display: inline-block;
      }

      color: var(--link-color);
      background-color: white;
      padding: 4px 7px;
      border-radius: 3px;
      box-shadow: 0px 0px 3px 0px #646464;

      &[inert] {
         color: black;
         background-color: rgb(180, 180, 180);
      }

      &:is(:focus, :hover) {
         color: white;
         background-color: black;
      }
   }
}