.blog-post-header-section {
  gap: 32px;

  .blog-post-stats {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 7px;
    column-gap: 69px;
    row-gap: 8px;
    max-width: calc(100% - 80px);
  }

  .blog-post-stats-categories-container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 8px;
    row-gap: 8px;
  }

  .blog-post-stats .pill-category {
    min-height: 34px;
    padding: 8px 12px 8px 14px;
    font: var(--body-medium-regular-font);
    gap: 7px;
  }

  .blog-post-stats .pill-category .pill-icon::before {
    width: 10px;
    height: 10px;
  }

  .blog-post-stats .pill-duration {
    min-height: 34px;
    margin-top: 4px;
    padding: 0;
    font: var(--body-medium-regular-font);
    gap: 6px;
  }

  .blog-post-stats .pill-duration .pill-icon {
    width: 17px;
    height: 17px;
  }

  .blog-post-stats-item {
    display: flex;
    gap: 16px;
  }

  .blog-post-stats-item-title {
    margin-top: 8px;
    font: var(--body-medium-regular-font);
  }

  .blog-post-titles-container {
    display: flex;
    flex-direction: column;
  }

  .blog-post-title {
    font: var(--display-1-bold-font);
    max-width: 1024px;
  }

  .blog-post-tags {
    margin-top: 24px;
    max-width: 1024px;
    font: var(--heading-2-light-font);
  }

  .blog-post-socials-icons-group {
    display: flex;
    align-self: flex-end;
    margin-bottom: 32px;
    gap: 12px;
  }

  .blog-post-socials-icons-group .social-icon,
  .blog-post-socials-icons-group .social-icon-inline-wrapper {
    --bg-color: var(--gray-40);
    --bg-color-hover: var(--gray-100);
  }
}