/* ==========================================================================
   アーカイブ（Research 一覧・カテゴリ・日付）
   旧 resources/styles/layouts/_archive.sass
   ========================================================================== */

body.archive {
  .nav-links {
    margin-top: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.3rem;
    letter-spacing: 0.05em;
    @media only screen and (max-width: 767px) {
      margin-top: 95px;
      margin-bottom: 95px;
    }
    > * {
      --size: 53px;
      width: var(--size);
      height: var(--size);
      border-radius: var(--size);
      border: 3px solid #000;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 7px;
    }
    & a {
      text-decoration: none;
      &:hover {
        border-color: #000000;
        color: #ffffff;
        background: #000000;
      }
    }
    .current {
      background-color: #000;
      color: #fff;
    }
    .prev,
    .next {
      display: none;
    }
  }
}