@import "tailwindcss/theme";
@import "../variables/theme.css";

.partnerCard {
  @apply grid;

  gap: var(--spacing-24);
}

.partnerCard-visual {
  @apply aspect-video;
}

.partnerCard-information {
}

.partnerCard-title {
  font: var(--h3-serif);
  font-size: var(--text-heading-sm-md);
  line-height: var(--leading-heading-sm-md);

  @variant md {
    font-size: var(--text-heading-md-md);
    line-height: var(--leading-heading-md-md);
  }

  @variant lg {
    font-size: var(--text-heading-lg-md);
    line-height: var(--leading-heading-lg-md);
  }
}

.partnerCard-description {
  @apply text-neutral-800;

  margin-top: var(--spacing-16);
  font: var(--t3-medium);
}

.partnerCard-action {
  width: 100%;

  @variant lg {
    width: fit-content;
  }
}