.rayus-trending-posts {
  margin-top: 0px;
  background: var(--wp--preset--color--navy-blue);
  position: relative;

  .trending-posts-bg-orbit {
    position: absolute;
    top: 0;
    width: 50%;
  }

  .trending-posts-bg-circle {
    position: absolute;
    top: 0;
    right: 1%;
    width: 50%;
  }

  .blog-card-container {
    padding: 35px 30px;
    max-width: var(--wp--style--global--content-size);
    margin: 0 auto;

    .container-heading {
      font-size: var(--wp--preset--font-size--x-large);
      line-height: 1.2;
      color: var(--wp--preset--color--white);
      text-align: center;
      font-family: var(--wp--preset--font-family--poppins);
      font-weight: 600;
    }

    .post-template {
      margin-top: 35px;

      .single-post {
        margin-inline: 0;
        gap: 22px;

        .post {
          border-radius: 23px;
          background: var(--wp--preset--color--lavender-light);
          box-shadow: 6px 8px 10px 0 rgba(0, 0, 0, 0.06);
          backdrop-filter: blur(13px);

          .content-group {
            padding: 20px 15px 30px 15px;
            display: flex;
            flex-direction: column;
            height: 100%;

            img {
                height: 180px;
                object-fit: cover;
                border-radius: 18px;
              }

            .wp-block-post-title {
              font-size: var(--wp--preset--font-size--medium);
              line-height: 1.25;
              margin-top: 10px;
              color: var(--wp--preset--color--purple-primary);
              font-family: var(--wp--preset--font-family--poppins);
              font-style: normal;
              font-weight: 600;

              a {
                color: var(--wp--preset--color--purple-primary);
              }
            }

            .wp-block-post-excerpt {
              font-size: var(--wp--preset--font-size--small);
              line-height: 1.4;
              color: var(--wp--preset--color--navy-blue);
              font-family: var(--wp--preset--font-family--poppins);
              font-style: normal;
              font-weight: 400;
              margin-top: 5px;
              flex-grow: 1;
              display: flex;
              flex-direction: column;
            }

            .wp-block-post-excerpt__more-text {
              font-size: var(--wp--preset--font-size--small);
              line-height: 1.4;
              padding-top: 12px;
              color: var(--wp--preset--color--purple-primary);
              font-family: var(--wp--preset--font-family--poppins);
              font-weight: 500;
              margin-top: auto;

              a {
                color: var(--wp--preset--color--purple-primary);
                text-decoration: none;

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

    .news-btn {
      margin-top: 40px;

      .wp-block-button {
        width: 60%;
        text-align: center;
        font-family: var(--wp--preset--font-family--poppins);
        font-size: var(--wp--preset--font-size--medium);
        font-weight: 500;
      }
    }
  }
}

@media (min-width: 768px) {
  .rayus-trending-posts {
    .trending-posts-bg-orbit {
      top: 13%;
      width: unset;
    }

    .trending-posts-bg-circle {
      top: 29%;
      width: unset;
    }

    .blog-card-container {
      padding-inline: 0;
      padding-top: 138px;
      padding-bottom: 169px;

      .container-heading {
        font-size: var(--wp--preset--font-size--x-large);
        line-height: 2;
      }

      .post-template {
        margin-top: 55px;
        .single-post {
          margin-inline: 30px;
          .post {
            .content-group {
              padding: 31px 29px 45px 37px;

              img {
                height: 222px;
              }

              .wp-block-post-title {
                font-size: var(--wp--preset--font-size--large);
                line-height: 1.4;
                margin-top: 18px;
              }

              .wp-block-post-excerpt {
                font-size: var(--wp--preset--font-size--medium);
                line-height: 1.4;
              }

              .wp-block-post-excerpt__more-text {
                font-size: var(--wp--preset--font-size--large);
                line-height: 1.25;
                padding-top: 16px;
              }
            }
          }
        }
      }

      .news-btn {
        margin-top: 91px;

        .wp-block-button {
          width: 274px;
        }
      }
    }
  }
}