.fz-btn {
  display: inline-block;
  font-family: var(--fz-btn-global-font-family);
  font-size: var(--fz-btn-global-font-size);
  font-weight: var(--fz-btn-global-weight);
  line-height: var(--fz-btn-global-line-height);
  letter-spacing: var(--fz-btn-global-letter-spacing);
  padding: var(--fz-btn-global-padding);
  box-shadow: var(--fz-btn-global-shadow);
  border-radius: var(--fz-btn-global-border-radius);
  transition: var(--fz-btn-global-animation-transition);
  cursor: pointer;
  text-decoration: none;
}
.fz-btn:disabled {
  background: var(--fz-btn-global-disabled-bg);
  color: var(--fz-btn-global-disabled-color);
  border-color: var(--fz-btn-global-disabled-border-color);
}
.fz-btn:focus-visible {
  background: var(--fz-btn-global-focus-bg);
  color: var(--fz-btn-global-focus-color);
  border-color: var(--fz-btn-global-focus-border-color);
  outline: var(--fz-outline-btn-focus);
  outline-offset: var(--fz-outline-btn-focus-offset);
}

.fz-btn-primary {
  background: var(--fz-btn-primary-bg);
  color: var(--fz-btn-primary-color);
  border: var(--fz-btn-primary-border);
  padding: var(--fz-btn-primary-padding);
  border-radius: var(--fz-btn-primary-border-radius);
}
.fz-btn-primary:hover {
  background: var(--fz-btn-primary-hover-bg);
  color: var(--fz-btn-primary-hover-color);
  border: var(--fz-btn-primary-hover-border);
}

.fz-btn-secondary {
  background: var(--fz-btn-secondary-bg);
  color: var(--fz-btn-secondary-color);
  border: var(--fz-btn-secondary-border);
  padding: var(--fz-btn-secondary-padding);
  border-radius: var(--fz-btn-secondary-border-radius);
}
.fz-btn-secondary:hover {
  background: var(--fz-btn-secondary-hover-bg);
  color: var(--fz-btn-secondary-hover-color);
  border: var(--fz-btn-secondary-hover-border);
}

.fz-btn-tertiary {
  background: var(--fz-btn-custom-1-bg);
  color: var(--fz-btn-custom-1-color);
  border: var(--fz-btn-custom-1-border);
  padding: var(--fz-btn-custom-1-padding);
  border-radius: var(--fz-btn-custom-1-border-radius);
}
.fz-btn-tertiary:hover {
  background: var(--fz-btn-custom-1-hover-bg);
  color: var(--fz-btn-custom-1-hover-color);
  border: var(--fz-btn-custom-1-hover-border);
}

.fz-btn-fourth {
  background: var(--fz-btn-custom-2-bg);
  color: var(--fz-btn-custom-2-color);
  border: var(--fz-btn-custom-2-border);
  padding: var(--fz-btn-custom-2-padding);
  border-radius: var(--fz-btn-custom-2-border-radius);
}
.fz-btn-fourth:hover {
  background: var(--fz-btn-custom-2-hover-bg);
  color: var(--fz-btn-custom-2-hover-color);
  border: var(--fz-btn-custom-2-hover-border);
}

.fz-btn-curved {
  background: var(--fz-btn-curved-bg);
  color: var(--fz-btn-curved-color);
  border: var(--fz-btn-curved-border);
  padding: var(--fz-btn-curved-padding);
  border-radius: var(--fz-btn-curved-border-radius);
}
.fz-btn-curved:hover {
  background: var(--fz-btn-curved-hover-bg);
  color: var(--fz-btn-curved-hover-color);
  border: var(--fz-btn-curved-hover-border);
}

.fz-btn-link {
  background: var(--fz-btn-link-bg);
  color: var(--fz-btn-link-color);
  border: var(--fz-btn-link-border);
  padding: var(--fz-btn-link-padding);
  border-radius: var(--fz-btn-link-border-radius);
  text-decoration: var(--fz-btn-link-decoration);
}
.fz-btn-link:hover {
  background: var(--fz-btn-link-hover-bg);
  color: var(--fz-btn-link-hover-color);
  border: var(--fz-btn-link-hover-border);
  text-decoration: var(--fz-btn-link-decoration-hover);
}

.fz-btn-link-2 {
  background: var(--fz-btn-link-2-bg);
  color: var(--fz-btn-link-2-color);
  border: var(--fz-btn-link-2-border);
  padding: var(--fz-btn-link-2-padding);
  border-radius: var(--fz-btn-link-2-border-radius);
  text-decoration: var(--fz-btn-link-2-decoration);
}
.fz-btn-link-2:hover {
  background: var(--fz-btn-link-2-hover-bg);
  color: var(--fz-btn-link-2-hover-color);
  border: var(--fz-btn-link-2-hover-border);
  text-decoration: var(--fz-btn-link-2-decoration-hover);
}

.fz-btn-circle {
  background: var(--fz-btn-circle-bg);
  color: var(--fz-btn-circle-color);
  border: var(--fz-btn-circle-border);
  padding: var(--fz-btn-circle-padding);
  border-radius: var(--fz-btn-circle-border-radius);
}
.fz-btn-circle:hover {
  background: var(--fz-btn-circle-hover-bg);
  color: var(--fz-btn-circle-hover-color);
  border: var(--fz-btn-circle-hover-border);
}

.fz-heading-1 {
  color: var(--fz-heading-1-color);
  font-family: var(--fz-heading-1-font-family);
  font-weight: var(--fz-heading-1-weight);
  font-size: var(--fz-heading-1-font-size);
  line-height: var(--fz-heading-1-line-height);
  letter-spacing: var(--fz-heading-1-letter-spacing);
}
.fz-heading-2 {
  color: var(--fz-heading-2-color);
  font-family: var(--fz-heading-2-font-family);
  font-weight: var(--fz-heading-2-weight);
  font-size: var(--fz-heading-2-font-size);
  line-height: var(--fz-heading-2-line-height);
  letter-spacing: var(--fz-heading-2-letter-spacing);
}
.fz-heading-3 {
  color: var(--fz-heading-3-color);
  font-family: var(--fz-heading-3-font-family);
  font-weight: var(--fz-heading-3-weight);
  font-size: var(--fz-heading-3-font-size);
  line-height: var(--fz-heading-3-line-height);
  letter-spacing: var(--fz-heading-3-letter-spacing);
}
.fz-heading-4 {
  color: var(--fz-heading-4-color);
  font-family: var(--fz-heading-4-font-family);
  font-weight: var(--fz-heading-4-weight);
  font-size: var(--fz-heading-4-font-size);
  line-height: var(--fz-heading-4-line-height);
  letter-spacing: var(--fz-heading-4-letter-spacing);
}
.fz-heading-5 {
  color: var(--fz-heading-5-color);
  font-family: var(--fz-heading-5-font-family);
  font-weight: var(--fz-heading-5-weight);
  font-size: var(--fz-heading-5-font-size);
  line-height: var(--fz-heading-5-line-height);
  letter-spacing: var(--fz-heading-5-letter-spacing);
}
.fz-heading-6 {
  color: var(--fz-heading-6-color);
  font-family: var(--fz-heading-6-font-family);
  font-weight: var(--fz-heading-6-weight);
  font-size: var(--fz-heading-6-font-size);
  line-height: var(--fz-heading-6-line-height);
  letter-spacing: var(--fz-heading-6-letter-spacing);
}
.fz-paragraph-1 {
  color: var(--fz-paragraph-1-color);
  font-family: var(--fz-paragraph-1-font-family);
  font-weight: var(--fz-paragraph-1-weight);
  font-size: var(--fz-paragraph-1-font-size);
  line-height: var(--fz-paragraph-1-line-height);
  letter-spacing: var(--fz-paragraph-1-letter-spacing);
}
.fz-paragraph-2 {
  color: var(--fz-paragraph-2-color);
  font-family: var(--fz-paragraph-2-font-family);
  font-weight: var(--fz-paragraph-2-weight);
  font-size: var(--fz-paragraph-2-font-size);
  line-height: var(--fz-paragraph-2-line-height);
  letter-spacing: var(--fz-paragraph-2-letter-spacing);
}

.fz-tab-1 {
  background: var(--fz-tabs-1-bg);
  color: var(--fz-tabs-1-color);
  box-shadow: var(--fz-tabs-1-shadow);
  border-radius: var(--fz-tabs-1-border-radius);
  border-top: var(--fz-tabs-1-border-top);
  border-right: var(--fz-tabs-1-border-right);
  border-bottom: var(--fz-tabs-1-border-bottom);
  border-left: var(--fz-tabs-1-border-left);
  font-family: var(--fz-tabs-1-font-family);
  font-weight: var(--fz-tabs-1-font-weight);
  font-size: var(--fz-tabs-1-font-size);
}
.fz-tab-1:hover {
  background: var(--fz-tabs-1-bg-hover);
  color: var(--fz-tabs-1-color-hover);
  border-top: var(--fz-tabs-1-border-hover-top);
  border-right: var(--fz-tabs-1-border-hover-right);
  border-bottom: var(--fz-tabs-1-border-hover-bottom);
  border-left: var(--fz-tabs-1-border-hover-left);
}
.fz-tab-1.is-selected {
  background: var(--fz-tabs-1-bg-selected);
  color: var(--fz-tabs-1-color-selected);
  border-top: var(--fz-tabs-1-border-selected-top);
  border-right: var(--fz-tabs-1-border-selected-right);
  border-bottom: var(--fz-tabs-1-border-selected-bottom);
  border-left: var(--fz-tabs-1-border-selected-left);
}

.fz-tab-2 {
  background: var(--fz-tabs-2-bg);
  color: var(--fz-tabs-2-color);
  box-shadow: var(--fz-tabs-2-shadow);
  border-radius: var(--fz-tabs-2-border-radius);
  border-top: var(--fz-tabs-2-border-top);
  border-right: var(--fz-tabs-2-border-right);
  border-bottom: var(--fz-tabs-2-border-bottom);
  border-left: var(--fz-tabs-2-border-left);
  font-family: var(--fz-tabs-2-font-family);
  font-weight: var(--fz-tabs-2-font-weight);
  font-size: var(--fz-tabs-2-font-size);
}
.fz-tab-2:hover {
  background: var(--fz-tabs-2-bg-hover);
  color: var(--fz-tabs-2-color-hover);
}
.fz-tab-2.is-selected {
  background: var(--fz-tabs-2-bg-selected);
  color: var(--fz-tabs-2-color-selected);
}

.fz-nav-1 {
  background: var(--fz-navs-1-bg);
  color: var(--fz-navs-1-color);
  box-shadow: var(--fz-navs-1-shadow);
  border-radius: var(--fz-navs-1-border-radius);
  padding: var(--fz-navs-global-padding);
  margin: var(--fz-navs-global-margin);
  border-top: var(--fz-navs-1-border-top);
  border-right: var(--fz-navs-1-border-right);
  border-bottom: var(--fz-navs-1-border-bottom);
  border-left: var(--fz-navs-1-border-left);
  font-family: var(--fz-navs-1-font-family);
  font-weight: var(--fz-navs-1-font-weight);
  font-size: var(--fz-navs-1-font-size);
}
.fz-nav-1:hover {
  background: var(--fz-navs-1-bg-hover);
  color: var(--fz-navs-1-color-hover);
  border-top: var(--fz-navs-1-border-hover-top);
  border-right: var(--fz-navs-1-border-hover-right);
  border-bottom: var(--fz-navs-1-border-hover-bottom);
  border-left: var(--fz-navs-1-border-hover-left);
}
.fz-nav-1.is-selected {
  background: var(--fz-navs-1-bg-selected);
  color: var(--fz-navs-1-color-selected);
  border-top: var(--fz-navs-1-border-selected-top);
  border-right: var(--fz-navs-1-border-selected-right);
  border-bottom: var(--fz-navs-1-border-selected-bottom);
  border-left: var(--fz-navs-1-border-selected-left);
}

.fz-nav-2 {
  background: var(--fz-navs-2-bg);
  color: var(--fz-navs-2-color);
  box-shadow: var(--fz-navs-2-shadow);
  border-radius: var(--fz-navs-2-border-radius);
  padding: var(--fz-navs-global-padding);
  margin: var(--fz-navs-global-margin);
  border-top: var(--fz-navs-2-border-top);
  border-right: var(--fz-navs-2-border-right);
  border-bottom: var(--fz-navs-2-border-bottom);
  border-left: var(--fz-navs-2-border-left);
  font-family: var(--fz-navs-2-font-family);
  font-weight: var(--fz-navs-2-font-weight);
  font-size: var(--fz-navs-2-font-size);
}
.fz-nav-2:hover {
  background: var(--fz-navs-2-bg-hover);
  color: var(--fz-navs-2-color-hover);
  border-top: var(--fz-navs-2-border-hover-top);
  border-right: var(--fz-navs-2-border-hover-right);
  border-bottom: var(--fz-navs-2-border-hover-bottom);
  border-left: var(--fz-navs-2-border-hover-left);
}
.fz-nav-2.is-selected {
  background: var(--fz-navs-2-bg-selected);
  color: var(--fz-navs-2-color-selected);
  border-top: var(--fz-navs-2-border-selected-top);
  border-right: var(--fz-navs-2-border-selected-right);
  border-bottom: var(--fz-navs-2-border-selected-bottom);
  border-left: var(--fz-navs-2-border-selected-left);
}