.card.card--author {
  padding: 33px 26px;
  border-radius: 2px;
  background-color: var(--boral-lime-40);
}

  .card.card--author .card--content {
    gap: 8px;
  }

  @media (width > 50rem) {

  .card.card--author .card--content {
      gap: 12px
  }
    }

  .card.card--author .card--content > *:not(:first-child) {
    padding-top: 8px;
    border-top: 1px solid var(--boral-charcoal);
  }

  @media (width > 50rem) {

  .card.card--author .card--content > *:not(:first-child) {
      padding-top: 12px
  }
    }

  .card.card--author b {
    font-weight: 500;
  }

  .card.card--author .image-wrapper >div{
    height:inherit;
  }

  .card.card--author .image-wrapper {
    border-radius: 99999px;
    overflow: hidden;
    width: 47px;
    aspect-ratio: 1;
}

  .card.card--author .image-wrapper img {
      aspect-ratio: 1;
    }

  @media (width > 50rem) {

  .card.card--author .image-wrapper{
      width: 91px
  }
    }

  .card.card--author .card--heading {
    display: flex;
    flex-direction: row;
    gap: 8px;
  }

  @media (width > 50rem) {

  .card.card--author .card--heading {
      flex-direction: column;
      gap: 12px
  }
    }

  .card.card--author .card--date,
  .card.card--author .card--socials,
  .card.card--author .card--details {
    display: grid;
    gap: 8px;
  }

  @media (width > 50rem) {

  .card.card--author .card--date,
  .card.card--author .card--socials,
  .card.card--author .card--details {
      flex-direction: column;
      gap: 12px
  }
    }

  .card.card--author .card--links {
    display: flex;
    gap: 33px;
  }

  .card.card--author a:hover svg {
      color: var(--boral-charcoal);
    }

  .card.card--author svg {
    width: 20px;
    aspect-ratio: 1;
    color: black;
  }