.truncated-content {
   margin-block: 1em;
   overflow: hidden;
   transition: all 0.3s;
   position: relative;

   &:after {
      content: "";
      position: absolute;
      z-index: 1;
      bottom: 0;
      left: 0;
      pointer-events: none;
      background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 90%);
      width: 100%;
      height: 4em;
   }

   &.show {
      max-height: 100em !important;

      &:after {
         content: normal;
      }
   }
}
.toggle-expand {
    background: transparent;
    border: none;
    text-underline-offset: 5px;

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

.content-tile__inner > a {
    margin-top: 30px;
}