/**
  * References
 */

.component-references {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(var(--spacing) * 1.5);

  > * {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 225px;

    &:hover,
    &:focus {
      img {
        transform: scale(1.02);
      }
    }
  }

  a {
    padding: calc(var(--spacing) * .75);
  }

  .figure {
    margin-bottom: 0;
  }

  img {
    border-radius: 0;
    transition: var(--transition);
    width: auto;
    max-height: 60px;
  }
}