.paragraph--text-crosslink {
  padding-block: var(--spacing--4);
  padding-inline: clamp(var(--spacing--2), 2vw, var(--spacing--3));
}
.paragraph--text-crosslink .paragraph-content {
  padding: clamp(var(--spacing--4), 7vw, var(--spacing--7)) 0 clamp(var(--spacing--2), 4vw, var(--spacing--7));
  border-top-right-radius: var(--radius--3);
  border-bottom-left-radius: var(--radius--3);
}
@media (max-width: 767px) {
  .paragraph--text-crosslink .container {
    padding-inline: var(--spacing--2);
  }
}
.paragraph--text-crosslink .content--inner {
  display: flex;
  gap: var(--spacing--4);
}
.paragraph--text-crosslink .content--inner > .text--content {
  width: 60%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing--2);
}
.paragraph--text-crosslink .content--inner > .card--content {
  flex: 1;
}
@media (max-width: 767px) {
  .paragraph--text-crosslink .content--inner {
    flex-direction: column;
  }
  .paragraph--text-crosslink .content--inner > .text--content {
    width: calc(100% - var(--spacing--2) * 2);
  }
}
.paragraph--text-crosslink .paragraph--card {
  background-color: var(--c--white);
  border-radius: var(--radius--3);
  padding: var(--spacing--2);
  color: var(--c--black);
}
.paragraph--text-crosslink .paragraph--card picture {
  border-radius: var(--radius--1);
  height: 100%;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 279/158;
}
.paragraph--text-crosslink .paragraph--card picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.paragraph--text-crosslink .paragraph--card h2, .paragraph--text-crosslink .paragraph--card h3, .paragraph--text-crosslink .paragraph--card h4, .paragraph--text-crosslink .paragraph--card h5, .paragraph--text-crosslink .paragraph--card h6 {
  font-size: var(--typography--font-size--xl);
  font-weight: 600;
}
.paragraph--text-crosslink .paragraph--card .card--inner-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--spacing--2);
}
.paragraph--text-crosslink .paragraph--card .card--inner-title {
  font-weight: 600;
  font-size: var(--typography--font-size--xl);
  line-height: 1.1;
}
.paragraph--text-crosslink .paragraph--card .card--inner-title p {
  font-size: inherit;
}
@media (min-width: 1200px) {
  .paragraph--text-crosslink .paragraph--card {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    gap: var(--spacing--4);
  }
  .paragraph--text-crosslink .paragraph--card picture {
    aspect-ratio: 184/207;
  }
}
.paragraph--text-crosslink .paragraph--card .btn {
  padding-inline: 1rem;
  width: 100%;
}
.paragraph--text-crosslink[class*=bg--ext--] {
  background-color: var(--bg-ext-color);
}
/*# sourceMappingURL=paragraph--text-crosslink.css.map */