.bbd-content-slide {
  display: flex;
  flex-direction: column;
  gap: var(--gap-lg);

  &:has(.bbd-content-slide__link:hover) {
    .bbd-content-slide__img {
      transform: scale(1.05);
    }
  }

  &:has(.bbd-content-slide__link:focus-visible) {
    border: 1px solid currentColor;
  }
}

.bbd-content-slide__image {
  position: relative;
  aspect-ratio: var(--aspect-ratio, 1);
  overflow: hidden;
}

.bbd-content-slide__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.bbd-content-slide__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--gap-md);
  width: 100%;

  .text-link {
    white-space: nowrap;
  }

  @media screen and (min-width: 750px) {
    flex-direction: row;
    gap: var(--gap-lg);
  }
}

.bbd-content-slide__title {
  margin: 0;
}

.bbd-content-slide__link {
  position: absolute;
  inset: 0;
}