.wp-block-query {
  .post-regular,
  .post-no-bg {
    text-decoration: none;

    > div:first-child {
      transition: outline 0.2s ease-in-out;
      outline: 2px solid transparent;
    }

    h2 {
      transition: text-decoration 0.2s ease-in-out;
      text-underline-offset: 30%;
    }

    .wp-block-post-featured-image {
      border-top-left-radius: 12px;
      border-top-right-radius: 12px;
      overflow: hidden;

      &::before {
        transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: transparent;
        opacity: 0.2;
        mix-blend-mode: multiply;
      }
    }

    &:hover {
      h2 {
        text-decoration: underline;
      }

      /* overlay #103728 */
      .wp-block-post-featured-image {
        &::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: #103728;
          opacity: 0.2;
          mix-blend-mode: multiply;
        }
      }
    }

    &:focus {
      > div:first-child {
        outline: 2px solid #154734;
      }
    }
  }

  .post-regular:hover {
     /* First div only */
     > div:first-child {
      background-color: #CCE5AF !important;
    }
  }

  .post-no-bg:hover {
    .wp-block-post-featured-image {
      border-bottom-left-radius: 12px;
      border-bottom-right-radius: 12px;
    }
  }
}