.blog-body__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(24px, 2.857vw, 4rem);
  width: 100%;
}

@media (min-width: 1240px) {
  .blog-body__content {
    max-width: 70.8rem;
    margin: 0 auto;
  }
}

@media (max-width: 766.98px) {
  .blog-body__content {
    order: -1;
  }

  .blog-body__article {
    order: initial;
    max-width: none;
    margin: 0;
  }
}

.blog-back-link.main-button .sprite,
.blog-back-link.main-button svg {
  rotate: 225deg;
  translate: 0 0;
  transform: none;
  transition: translate 0.3s ease;
}

.blog-back-link.main-button:hover .sprite,
.blog-back-link.main-button:hover svg,
.blog-back-link.main-button:focus-visible .sprite,
.blog-back-link.main-button:focus-visible svg {
  translate: -0.4rem 0;
}