/* ----------------------- Button Primary ---------------------------------------------- */

.elementor-element.elementor-button-primary .elementor-button {
  background-color: var(--e-global-color-primary);
  border-color: var(--e-global-color-primary);
}

.elementor-element.elementor-button-primary .elementor-button:active,
.elementor-element.elementor-button-primary .elementor-button:focus,
.elementor-element.elementor-button-primary .elementor-button:hover {
  background-color: var(--e-global-color-primary-hover);
  border-color: var(--e-global-color-primary-hover);
}

.elementor-element.elementor-button-outline_primary .elementor-button {
  border-color: var(--e-global-color-primary);
}

.elementor-element.elementor-button-outline_primary .elementor-button:active,
.elementor-element.elementor-button-outline_primary .elementor-button:focus,
.elementor-element.elementor-button-outline_primary .elementor-button:hover {
  border-color: var(--e-global-color-primary-hover);
}

/* ----------------------- End Button Primary ---------------------------------------------- */
/* ----------------------- Button Secondary ---------------------------------------------- */

.elementor-button-secondary button[type="submit"],
.elementor-button-secondary input[type="button"],
.elementor-button-secondary input[type="submit"],
.elementor-element.elementor-button-secondary .elementor-button {
  background-color: var(--e-global-color-secondary);
  border-color: var(--e-global-color-secondary);
}

.elementor-button-secondary button[type="submit"]:active,
.elementor-button-secondary button[type="submit"]:focus,
.elementor-button-secondary button[type="submit"]:hover,
.elementor-button-secondary input[type="button"]:active,
.elementor-button-secondary input[type="button"]:focus,
.elementor-button-secondary input[type="button"]:hover,
.elementor-button-secondary input[type="submit"]:active,
.elementor-button-secondary input[type="submit"]:focus,
.elementor-button-secondary input[type="submit"]:hover,
.elementor-element.elementor-button-secondary .elementor-button:active,
.elementor-element.elementor-button-secondary .elementor-button:focus,
.elementor-element.elementor-button-secondary .elementor-button:hover {
  border-color: var(--e-global-color-primary);
}

.elementor-element.elementor-button-outline_secondary .elementor-button {
  border-color: var(--e-global-color-secondary);
}

.elementor-element.elementor-button-outline_secondary .elementor-button:active,
.elementor-element.elementor-button-outline_secondary .elementor-button:focus,
.elementor-element.elementor-button-outline_secondary .elementor-button:hover {
  border-color: var(--e-global-color-primary);
}

/* ----------------------- End Button Secondary ---------------------------------------------- */
/* ----------------------- Button Accent ---------------------------------------------- */

/* ----------------------- End Button Accent ---------------------------------------------- */

.c-primary {
  color: var(--e-global-color-primary);
}

.f-primary {
  fill-color: var(--e-global-color-primary);
}

.bg-primary {
  background-color: var(--e-global-color-primary);
}

.b-primary {
  border-color: var(--e-global-color-primary);
}

.c-secondary {
  color: var(--e-global-color-secondary);
}

.f-secondary {
  fill-color: var(--e-global-color-secondary);
}

.bg-secondary {
  background-color: var(--e-global-color-secondary);
}

.b-secondary {
  border-color: var(--e-global-color-secondary);
}

.c-body {
  color: var(--e-global-color-text);
}

.c-accent {
  color: var(--e-global-color-accent);
}

.f-accent {
  fill-color: var(--e-global-color-accent);
}

.bg-accent {
  background-color: var(--e-global-color-accent);
}

.b-accent {
  border-color: var(--e-global-color-accent);
}

.c-light {
  color: var(--e-global-color-light);
}