/**
  * Page selector component
 */

.block-page-selector {
  padding: var( --spacing-3xl) 0;

  .grid {
    display: grid;
    gap: var(--spacing-2xl);

    @media (width >= 768px) {
      grid-template-columns: 1fr 1fr;
    }
    @media (width >= 992px) {
      grid-template-columns: 1fr 1fr 1fr;
    }
  }

  .card {
    --card-background: transparent;
    --card-padding: 0;
    --card-image-radius: var(--border-radius);
    --card-shadow: none;
    --card-spacing: 0;
    --card-heading-size: var(--h4-font-size);
    --card-heading-font-weight: var(--heading-font-weight);

    .card-image,
    .field--name-field-introduction {
      margin-bottom: var(--spacing-2xl);
    }

    .heading {
      margin-bottom: var(--spacing-xs);
    }

    .button-container {
      margin-top: auto;
    }
  }
}