.quote-author-splide {
  .splide__slide {
    opacity: 0.2;
    transition: opacity 0.5s ease-in-out;
    cursor: pointer;

    .author-info {
      opacity: 0;
      max-width: 0;
      margin-left: 0;
      overflow: hidden;
      white-space: nowrap;
      transition: all 0.5s ease-in-out;
    }

    &.is-active {
      opacity: 1;
      .author-info {
        opacity: 1;
        max-width: 500px;
        margin-left: 1.5rem;
      }
    }
  }
}

/* Mark a linked author name as clickable: underline in the text colour. */
.quotes-carousel {
  .author-info a,
  .quote-mobile-info a {
    text-decoration-line: underline;
    text-decoration-color: currentColor;
  }
}