.hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-sm);
}

.hero__btn {
  margin-top: var(--space-sm);
  font-size: var(--font-h3);
  padding: var(--space-xs) var(--space-md);
}

.hero p {
  margin-inline: var(--space-md);
}