.js-archive-grid-items {
  .archive-item-text {
    display: flex;
    flex-direction: column;
    height: 100%;

    h3 {
      font-family: "neue-kabel";
      font-size: clamp(20px, 4.2vw, 22px);
      font-style: medium;
      font-weight: 500;
      line-height: 1.2;
      letter-spacing: 0;
      overflow-wrap: break-word !important;
    }

    p {
      line-height: 1.3;
      margin-top: 0;
      margin-bottom: 20px !important;
    }

    .archive-read-more {
      align-self: flex-start;
      display: inline-block;
      color: #2d2e33 !important;
      font-family: "neue-kabel";
      font-size: 16px;
      font-weight: 500;
      letter-spacing: 0.04rem;
      line-height: 1;
      margin-top: auto;
      margin-bottom: 24px;
      padding-right: 32px;
      position: relative;
      text-transform: uppercase;
    }

    .archive-read-more::before {
      all: unset;
    }

    .archive-read-more::after {
      background-image: url("/wp-content/themes/conticachild/img/arrow-large.svg");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: calc(100% - 5px) 50%;
      content: "";
      cursor: pointer;
      height: 23px;
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      transition: 0.2s ease-out;
      transition-property: background-position;
      width: 21px;
    }

    .archive-read-more:hover::after,
    .archive-read-more:focus::after {
      background-position: calc(100% - 0px) 50%;
    }
  }
}