.collection-card {
  .collection-card__image img {
    transition: scale 0.25s ease-in-out;
  }

  &.collection-card--active .collection-card__image {
    border: 2px solid var(--color-border);
  }

  /* Focus states */
  &:has(.collection-card__link:hover),
  &:has(.collection-card__link:focus-visible) {
    .collection-card__image img {
      scale: 1.075;
    }

    .collection-title {
      text-decoration: underline;
      text-decoration-color: var(--color-border);
    }
  }
}