:root {
  /* Base palette + typography overrides to ensure the template has variables. */
  --first-color: #1D1D1F;
  --second-color: #0071E3;
  --white-color: #FFF;

  --body-font: 'Roboto', sans-serif;
  --biggest-font-size: 3.5rem;
  --bigger-font-size: 2.25rem;
  --big-font-size: 1.625rem;
  --normal-font-size: 0.813rem;
  --smaller-font-size: 0.75rem;

  --z-back: -10;
  --z-normal: 1;
  --z-tooltip: 10;
  --z-fixed: 100;
  --z-modal: 1000;
}

.home__description {
  line-height: 1.6;
}

.home__cta {
  margin-top: 1.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.9rem;
  flex-wrap: wrap;
}

.home__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--second-color);
  color: var(--white-color);
  padding: 0.6rem 1.2rem;
  border-radius: 2rem;
  font-weight: 700;
}

.home__btn--ghost {
  background-color: transparent;
  border: 1px solid var(--second-color);
  color: var(--second-color);
}

.home__btn:hover {
  filter: brightness(1.06);
}