.header-22 {
  background-color: var(--header-22--block--background-color);
  border-bottom-color: var(--header-22--block--border-bottom-color);
  border-bottom-width: var(--header-22--block--border-bottom-width);
  border-top-color: var(--header-22--block--border-top-color);
  border-top-width: var(--header-22--block--border-top-width);
  color: var(--header-22--block--color);
  font-size: var(--header-22--block--font-size);
  position: var(--header-22--block--position);
  padding-top: var(--header-22--block--padding-y);
  padding-bottom: var(--header-22--block--padding-y);
  display: var(--header-22--block--display);
}
.header-22 .text-wrapper {
  margin-bottom: var(--header-22--text-wrapper--margin-bottom);
  margin-right: var(--header-22--text-wrapper--margin-right);
}
.header-22 .btn-primary {
  background-color: var(--header-22--button--background-color);
  border-color: var(--header-22--button--border-color);
  border-bottom-width: var(--header-22--button--border-bottom-width);
  border-left-width: var(--header-22--button--border-left-width);
  border-right-width: var(--header-22--button--border-right-width);
  border-top-width: var(--header-22--button--border-top-width);
  border-radius: var(--header-22--button--border-radius);
  box-shadow: var(--header-22--button--box-shadow);
  color: var(--header-22--button--color);
  font-family: var(--header-22--button--font-family);
  font-size: var(--header-22--button--font-size);
  font-weight: var(--header-22--button--font-weight);
  letter-spacing: var(--header-22--button--letter-spacing);
  margin-bottom: var(--header-22--button--margin-bottom);
  padding: var(--header-22--button--padding-y) var(--header-22--button--padding-x);
  text-transform: var(--header-22--button--text-transform);
}
.header-22 .btn-primary:hover {
  background-color: var(--header-22--button-hover--background-color);
  border-color: var(--header-22--button-hover--border-color);
  color: var(--header-22--button-hover--color);
}

@media (max-width: 1023px) {
  .header-22 .container {
    flex-direction: column;
    align-items: flex-start;
  }
  .header-22 .text-wrapper {
    margin-bottom: var(--header-22--text-wrapper--margin-bottom);
    margin-right: var(--header-22--text-wrapper--margin-right);
  }
}