/**
 * @file
 * Block component styles.
 */

/* CTA Block */
#block-aotearoa-footercta {
  background-color: var(--primary);
  color: var(--white);
  padding: var(--sp8) var(--sp4);
  
  .layout {
    margin-inline: auto;
    padding-inline: var(--sp3);
  }

  .layout--twocol-section {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: var(--sp4);
    max-width: var(--desktop-width);    margin-inline: auto;
  }

  .field--name-field-title {
    font-size: var(--h2-size);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: var(--sp2);
  }

  .field--name-body {
    font-size: var(--body-l-size);
    line-height: var(--body-l-line-height);
  }

  .field--name-field-link {
    margin-top: var(--sp2);
    a {
      padding: var(--sp1) var(--sp3);
      background: var(--white);
      color: var(--neutral-900);
      border: 1px solid var(--neutral-900);
      border-radius: var(--radius-lg);
      text-decoration: none;
      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
    }
  }

  @media (width < 768px) {
    .layout--twocol-section {
      flex-direction: column;
      align-items: flex-start;
    }
  }
}