.recruit-section__heading {
  margin-block-end: var(--space-xl);
}

.recruit-panel {
  padding: clamp(var(--space-xl), 4vw, var(--space-4xl));
  background: var(--color-surface-soft);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-large);
}

.recruit-panel__body {
  width: 100%;
  max-width: var(--container-reading-max, 47.5rem);
  margin-inline: auto;
}

.recruit-panel__message {
  margin: 0;
  color: var(--color-text-primary);
  font-size: var(--font-size-base);
  line-height: 2;
  text-align: center;
}

.recruit-panel__action {
  width: 100%;
  max-width: var(--button-max-width, 30rem);
  margin-block-start: var(--space-xl);
  margin-inline: auto;
}

.recruit-panel__action .button {
  display: grid;
  grid-template-columns: 1.5rem minmax(0, 1fr) 1.5rem;
}

.recruit-panel__action .button-label {
  grid-column: 2;
  padding-inline-start: 0;
  text-align: center;
}

.recruit-panel__action .button__icon {
  grid-column: 3;
}

.recruit-panel__note {
  margin: var(--space-sm) 0 0;
  color: var(--color-text-muted);
  font-size: var(--font-size-caption);
  text-align: center;
}

@media (max-width: 767px) {
  .recruit-panel {
    padding: var(--space-xl) var(--space-lg);
  }

  .recruit-panel__action .button {
    max-width: none;
  }
}