.elvtd-continue-reading-slider {
  display: flex;
  flex-direction: column;
  gap: 60px;
  margin: auto;
  @media (max-width: 1440px) {
    padding: 24px;
    max-width: calc(100vw - 48px);
  }

  @media (max-width: 770px) {
    max-width: 100vw;
    padding: 12px;
    gap: 20px;
  }

  .heading-wrapper {
    max-width: 1140px;
    display: flex;
    flex-direction: column;
    margin: auto;
    @media (max-width: 770px) {
      max-width: calc(100vw - 40px);
      width: 70%;
    }
  }

  .continue-reading-inner {
    display: flex;
    flex-direction: column;
    gap: 60px;
    width: 100%;
  }

  .continue-reading-inner {
  }

  .slick-list {
    margin: 0 -14px;
  }

  .continue-reading-card {
    padding: 0 14px;
    .continue-reading-card-inner {
      border: 1px solid #d6d6d6;
      padding: 20px;
      border-radius: 20px;
    }
  }

  .continue-reading-image-wrapper {
    border-radius: 8px;
  }

  .continue-reading-content {
    padding-top: 12px;
  }

  .continue-reading-tag {
    padding: 5px 10px;
    border-radius: 7px;
    font-size: 8px;
    color: #d30018;
    border: 1px solid #d30018;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0%;
  }

  .continue-reading-title {
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 1.25;
  }

  .continue-reading-meta {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0%;
  }

  .continue-reading-arrows {
    .continue-reading-arrow {
      width: 18px;
      height: 18px;
      border: 1px solid #d30018;
      background: #ffffff;
      &:hover {
        color: #ffffff;
      }
    }
  }

  @media (max-width: 1024px) {
    .slick-list {
      margin: 0 -8px;
    }

    .continue-reading-card {
      padding: 0 8px;
    }
  }

  .continue-reading-posts {
    width: 100%;
    .slick-list {
      overflow: hidden;
    }

    .slick-track {
      display: flex;
    }

    .slick-slide {
      height: auto;
      > div {
        height: 100%;
      }
    }
  }

  .continue-reading-card {
    height: 100%;
    .continue-reading-card-inner {
      display: flex;
      flex-direction: column;
      height: 100%;
      text-decoration: none;
      color: inherit;
      overflow: hidden;
      transition:
        transform 0.25s ease,
        border-color 0.25s ease;
      &:hover {
        transform: translateY(-2px);
      }

      .continue-reading-image-wrapper {
        position: relative;
        width: 100%;
        aspect-ratio: 16 / 9;
        overflow: hidden;
        background: #111111;
        .continue-reading-image {
          display: block;
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: transform 0.25s ease;
        }
      }

      &:hover {
        .continue-reading-image {
          transform: scale(1.03);
        }
      }

      .continue-reading-content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        .continue-reading-tag {
          display: inline-block;
          width: fit-content;
          line-height: 1.2;
          font-weight: 400;
        }

        .continue-reading-title {
          margin: 0;
          font-weight: 500;
          font-size: 24px;
          line-height: 1.3;
          letter-spacing: 0%;
          color: #000;
          text-align: left;
        }

        .continue-reading-meta {
          display: flex;
          align-items: center;
          flex-wrap: wrap;
          gap: 10px;
          width: 100%;
          font-weight: 300;
          letter-spacing: 0;
          span {
            display: inline-flex;
            align-items: center;
          }
        }
      }
    }
  }

  .continue-reading-arrows {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    .continue-reading-arrow {
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0;
      line-height: 1;
      cursor: pointer;
      transition:
        background 0.25s ease,
        color 0.25s ease,
        opacity 0.25s ease;
      height: 40px;
      width: 40px;
      color: transparent;
      &:after {
        content: "";
        display: block;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDcgMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wLjAwMTM2MjM0IDEwLjYyOEMwLjAwMDg5Njk0NyAxMC41Mjk1IDAuMDIwMTE3MyAxMC40MzE4IDAuMDU3ODk2MiAxMC4zNDA4QzAuMDk1Njc1IDEwLjI0OTggMC4xNTEyNTEgMTAuMTY3MyAwLjIyMTM2MyAxMC4wOThMNC42OTEzNiA1LjYyODAyTDAuMjUxMzYzIDEuMTU4MDJDMC4xNTk5NzIgMS4wMTcwNiAwLjExODU1MSAwLjg0OTUgMC4xMzM3MzggMC42ODIxOTZDMC4xNDg5MjYgMC41MTQ4OTMgMC4yMTk4NDMgMC4zNTc1MzIgMC4zMzUxMjIgMC4yMzUzMzZDMC40NTA0MDEgMC4xMTMxNCAwLjYwMzM2NyAwLjAzMzE4NDIgMC43Njk1MDQgMC4wMDgyODQ4OEMwLjkzNTY0IC0wLjAxNjYxNDUgMS4xMDUzMyAwLjAxNDk4MzkgMS4yNTEzNiAwLjA5ODAxNTZMNi4yNTEzNiA1LjA5ODAyQzYuMzkxODEgNS4yMzg2NCA2LjQ3MDcgNS40MjkyNyA2LjQ3MDcgNS42MjgwMkM2LjQ3MDcgNS44MjY3NyA2LjM5MTgxIDYuMDE3MzkgNi4yNTEzNiA2LjE1ODAyTDEuMjUxMzYgMTEuMTU4QzEuMTEwNzQgMTEuMjk4NSAwLjkyMDExMyAxMS4zNzc0IDAuNzIxMzYzIDExLjM3NzRDMC41MjI2MTIgMTEuMzc3NCAwLjMzMTk4NyAxMS4yOTg1IDAuMTkxMzYyIDExLjE1OEMwLjA2MDY2ODkgMTEuMDEzMyAtMC4wMDc2MTE3NSAxMC44MjI4IDAuMDAxMzYyMzQgMTAuNjI4WiIgZmlsbD0iI0QzMDAxOCIvPgo8L3N2Zz4K");
        height: 20px;
        width: 20px;
        background-repeat: no-repeat;
        background-position: center;
      }

      &.js-continue-reading-prev {
        transform: rotate(180deg)!important;
      }

      &.slick-disabled {
        cursor: default;
        pointer-events: none;
        border-color: #b6b6b6;
        &:after {
          background-image: url("data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSI3IgogIGhlaWdodD0iMTIiCiAgdmlld0JveD0iMCAwIDcgMTIiCiAgZmlsbD0ibm9uZSIKICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCj4KICA8cGF0aAogICAgZD0iTTAuMDAxMzYyMzQgMTAuNjI4QzAuMDAwODk2OTQ3IDEwLjUyOTUgMC4wMjAxMTczIDEwLjQzMTggMC4wNTc4OTYyIDEwLjM0MDhDMC4wOTU2NzUgMTAuMjQ5OCAwLjE1MTI1MSAxMC4xNjczIDAuMjIxMzYzIDEwLjA5OEw0LjY5MTM2IDUuNjI4MDJMMC4yNTEzNjMgMS4xNTgwMkMwLjE1OTk3MiAxLjAxNzA2IDAuMTE4NTUxIDAuODQ5NSAwLjEzMzczOCAwLjY4MjE5NkMwLjE0ODkyNiAwLjUxNDg5MyAwLjIxOTg0MyAwLjM1NzUzMiAwLjMzNTEyMiAwLjIzNTMzNkMwLjQ1MDQwMSAwLjExMzE0IDAuNjAzMzY3IDAuMDMzMTg0MiAwLjc2OTUwNCAwLjAwODI4NDg4QzAuOTM1NjQgLTAuMDE2NjE0NSAxLjEwNTMzIDAuMDE0OTgzOSAxLjI1MTM2IDAuMDk4MDE1Nkw2LjI1MTM2IDUuMDk4MDJDNi4zOTE4MSA1LjIzODY0IDYuNDcwNyA1LjQyOTI3IDYuNDcwNyA1LjYyODAyQzYuNDcwNyA1LjgyNjc3IDYuMzkxODEgNi4wMTczOSA2LjI1MTM2IDYuMTU4MDJMMS4yNTEzNiAxMS4xNThDMS4xMTA3NCAxMS4yOTg1IDAuOTIwMTEzIDExLjM3NzQgMC43MjEzNjMgMTEuMzc3NEMwLjUyMjYxMiAxMS4zNzc0IDAuMzMxOTg3IDExLjI5ODUgMC4xOTEzNjIgMTEuMTU4QzAuMDYwNjY4OSAxMS4wMTMzIC0wLjAwNzYxMTc1IDEwLjgyMjggMC4wMDEzNjIzNCAxMC42MjhaIgogICAgZmlsbD0iI0I2QjZCNiIKICAvPgo8L3N2Zz4K");
        }
      }
    }
  }

  @media (max-width: 1024px) {
    gap: 40px;
    .continue-reading-inner {
      gap: 24px;
    }
  }

  @media (max-width: 770px) {
    .continue-reading-inner {
      gap: 20px;
    }

    .continue-reading-card {
      .continue-reading-card-inner {
        .continue-reading-content {
          .continue-reading-title {
            line-height: 1.25;
          }
        }
      }
    }
  }
}