.flex-grid--dark {
  color: var(--bs-primary);

  .flex-grid__title {
    color: var(--bs-primary);
  }

  .flex-grid__description {
    color: var(--bs-primary);
  }
}

.flex-grid--light {
  color: var(--text-title-on-dark);

  .flex-grid__title {
    color: var(--text-title-on-dark);
  }

  .flex-grid__description {
    color: var(--text-title-on-dark);
  }
}

.flex-grid__header {
  margin-bottom: var(--spacing-8);
}

.flex-grid__title {
  margin-bottom: var(--spacing-4);
  font-size: var(--font-size-3-5);
  font-weight: 500;
  line-height: 110%;
  word-break: break-word;
}

.flex-grid__description {
  font-size: var(--font-size-large);
  font-weight: 400;
  line-height: 150%;

  p:last-child {
    margin-bottom: 0;
  }
}

.flex-grid__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-2);
  margin-bottom: var(--spacing-3);
}

.flex-grid__button {
  text-align: center;
}