.article-page {
  .header-info {
    .created-at {
      margin-right: 10px;
    }
    .article-category {
      margin-left: 10px;
      &:hover {
        text-decoration: underline !important;
        color: $disabled-color;
      }
    }
    .created-at,
    .article-category {
      font-size: 14px;
      font-weight: bold;
      display: inline-block;
    }
  }

  .section-body {
    img {
      max-width: 100%;
      margin: 0 auto;
      display: block;
    }
  }

  .section-bottom {
    margin-top: 30px;
    .article-nav {
      display: flex;
      justify-content: space-between;
      .nav-link {
        &.no-more-article {
          color: darken($gray-color1, 20%);
          cursor: not-allowed;
        }
        &.prev {
          &:before {
            content: '\f0d9';
            font-family: 'Font Awesome 5 Free';
            font-weight: bold;
            vertical-align: middle;
            margin-right: 5px;
          }
        }
        &.next {
          &:after {
            content: '\f0da';
            font-family: 'Font Awesome 5 Free';
            font-weight: bold;
            vertical-align: middle;
            margin-left: 5px;
          }
        }
      }
    }
  }
}