/* Reset default button styles */
.theme-btn::before,
.theme-btn-1::before,
.theme-btn-2::before,
.theme-btn-6::before,
.theme-btn-8::before,
.elementor-button::before {
  transform: none;
  content: none;
}

.theme-btn-1:hover::before,
.theme-btn-2:hover::before,
.theme-btn-6:hover::before,
.theme-btn-8:hover::before,
.elementor-button:hover::before {
  transform: none;
}

/* Primary Theme Buttons */
.theme-btn-1 {
  background: var(--color-primary);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-button);
}

.theme-btn-1:hover {
  color: var(--color-text-white) !important;
  background: var(--color-primary-hover);
}

.theme-btn-1:active {
  background-color: var(--color-primary-active);
  color: var(--color-secondary) !important;
}

.theme-btn-1:disabled {
  background-color: var(--color-secondary-light);
  color: var(--color-text-white);
  cursor: not-allowed;
  opacity: var(--disabled-opacity);
}

.theme-btn-8 {
  background: var(--color-text-purple);
  color: var(--color-primary2);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-button);
  border: solid 1px var(--border-color);
}

.theme-btn-8:hover {
  color: var(--color-text-white);
  background: var(--color-primary-hover) !important;
}

.theme-btn-8:active {
  background-color: var(--color-primary2-active);
  color: var(--color-secondary) !important;

}


/* Secondary Theme Buttons (theme-btn-2 and theme-btn-6) */
/* Secondary Theme Buttons (theme-btn-2 to theme-btn-8) */
.theme-btn-2,
.theme-btn-3,
.theme-btn-4,
.theme-btn-5,
.theme-btn-6,
.theme-btn-7 {
  background: var(--color-text-white);
  color: var(--color-secondary);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-button);
  border: solid 1px var(--border-color);
}

.theme-btn-2:hover,
.theme-btn-3:hover,
.theme-btn-4:hover,
.theme-btn-5:hover,
.theme-btn-6:hover,
.theme-btn-7:hover {
  color: var(--color-text-white);
  background: var(--color-primary-hover);
}

.theme-btn-2:active,
.theme-btn-3:active,
.theme-btn-4:active,
.theme-btn-5:active,
.theme-btn-6:active,
.theme-btn-7:active {
  background-color: var(--color-primary);
  color: var(--color-text-white);
}

.theme-btn-2:disabled,
.theme-btn-3:disabled,
.theme-btn-4:disabled,
.theme-btn-5:disabled,
.theme-btn-6:disabled,
.theme-btn-7:disabled,
.theme-btn-8:disabled {
  background-color: var(--color-secondary-light);
  color: var(--color-text-white);
  cursor: not-allowed;
  opacity: var(--disabled-opacity);
}

/* Elementor Buttons */
.elementor-widget-button.elementor-widget-button .elementor-button {
  background: var(--color-primary) ;
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-button);
  background-image: none;
}

.elementor-widget-button.elementor-widget-button .elementor-button:hover {
  color: var(--color-text-white);
  background: var(--color-primary-hover);
}

.elementor-widget-button.elementor-widget-button .elementor-button:active {
  background-color: var(--color-primary-active);
  color: var(--color-secondary)
}

.elementor-widget-button.elementor-widget-button .elementor-button:disabled {
  background-color: var(--color-secondary-light);
  color: var(--color-text-white);
  cursor: not-allowed;
  opacity: var(--disabled-opacity);
}

.elementor-kit-9 button{
  background: var(--color-primary) ;
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-button);
  background-image: none;
}

.elementor-kit-9 button:hover {
  color: var(--color-text-white);
  background: var(--color-primary-hover);
}

.elementor-kit-9 button:active {
  background-color: var(--color-primary-active);
  color: var(--color-secondary)
}

.elementor-kit-9 button:disabled {
  background-color: var(--color-secondary-light);
  color: var(--color-text-white);
  cursor: not-allowed;
  opacity: var(--disabled-opacity);
}

.wp-block-button__link {
  background: var(--color-primary);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-button);
  border-radius: 0px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 26px;
  padding: 14px 42px;
  font-family: var(--body-font);
  font-weight: 500;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid transparent;
  cursor: pointer;
  letter-spacing: 0.5px;
  z-index: 3;
}

.wp-block-button__link:hover {
  color: var(--color-text-white) !important;
  background: var(--color-primary-hover);
}

.wp-block-button__link:active {
  background-color: var(--color-primary-active);
  color: var(--color-secondary) !important;
}

.wp-block-button__link:disabled {
  background-color: var(--color-secondary-light);
  color: var(--color-text-white);
  cursor: not-allowed;
  opacity: var(--disabled-opacity);
}
