.single-news-detail-block {
  .news-content {
    margin-top: 32px;

    .category-badge {
      margin-bottom: 20px;
    }

    .news-top-content {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
      margin-bottom: 12px;

      @media (max-width: 768px) {
        flex-direction: column;
      }

      .news-head {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 12px;
      }

      .news-action-wrp {
        width: fit-content;
      }

      .news-date {
        font-size: 18px;
        color: #939393;
      }
    }

    .news-description {
      margin-top: 32px;
    }
  }
}