.single.single-post {
  & .post__back-to-blog {
    & a {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      text-decoration: none;
      transition: color 0.3s ease;
      position: relative;

      &::after {
        content: "";
        position: absolute;
        width: 0;
        height: 1px;
        bottom: -2px;
        left: 0;
        background-color: var(--wp--preset--color--science-blue-lightest);
        transition: width 0.3s ease;
      }

      &:hover {
        color: var(--wp--preset--color--science-blue-lightest);
        text-decoration: none;

        &::after {
          width: 100%;
        }
      }

      &::before {
        content: "";
        display: inline-block;
        width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20.9999 11H6.41394L11.7069 5.70697L10.2929 4.29297L2.58594 12L10.2929 19.707L11.7069 18.293L6.41394 13H20.9999V11Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
      }

      &:hover::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20.9999 11H6.41394L11.7069 5.70697L10.2929 4.29297L2.58594 12L10.2929 19.707L11.7069 18.293L6.41394 13H20.9999V11Z' fill='%23D4E4F0'/%3E%3C/svg%3E");
      }
    }
  }

  & .wp-block-post-excerpt__excerpt {
    color: white;
    max-width: 760px;
  }

  & .post__content {
    padding-top: 40px;
    padding-bottom: 40px;
    @media (min-width: 1024px) {
      padding-top: 80px;
      padding-bottom: 80px;
    }
    & h1,
    & h2,
    & h3,
    & h4,
    & h5,
    & h6 {
      margin-bottom: 24px;
    }
    & p {
      margin-bottom: 16px;
    }

    & figure figcaption {
      color: var(--wp--preset--color--neutral-dark, #4c4c4c);
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      border-left: 2px solid var(--wp--preset--color--science-blue, #036bc2);
      line-height: 150%; /* 21px */
      padding-left: 16px;
    }

    & blockquote {
      color: var(--wp--preset--color--neutral-dark, #4c4c4c);
      font-style: italic;
      margin-bottom: 16px;
      padding-left: 16px;
      border-left: 2px solid var(--wp--preset--color--science-blue, #036bc2);
      margin-inline-start: 0;
      margin-inline-end: 0;
      padding-inline-start: 16px;
      padding-inline-end: 0;
      & p {
        margin-bottom: 0;
      }
      & > * {
        font-style: italic;
      }
    }
  }
}