/* ======================================
   ARAUMA BUTTON SYSTEM
   ====================================== */


/* ======================================
   RESET WIDGET
   ====================================== */

.elementor-widget-button.arauma-btn,
.elementor-element.arauma-btn.elementor-widget-button {

  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;

}


/* ======================================
   SUPERFICIE VISUAL REAL
   ====================================== */

.elementor-widget-button.arauma-btn > .elementor-widget-container {

  min-height: var(--arauma-btn-height) !important;

  padding-left: var(--arauma-btn-padding-x) !important;
  padding-right: var(--arauma-btn-padding-x) !important;

  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  border-radius: var(--arauma-btn-radius) !important;

  border: 1px solid transparent !important;

  font-family: var(--arauma-btn-font) !important;

  font-size: var(--arauma-btn-font-size) !important;
  font-weight: var(--arauma-btn-font-weight) !important;

  letter-spacing: var(--arauma-btn-letter-spacing) !important;

  line-height: 1 !important;

  box-sizing: border-box !important;

  transition:
    background var(--arauma-btn-transition),
    border-color var(--arauma-btn-transition),
    color var(--arauma-btn-transition);

}


/* ======================================
   LIMPIAR CAPAS INTERNAS
   ====================================== */

.elementor-widget-button.arauma-btn .elementor-button-wrapper {

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  padding: 0 !important;
  margin: 0 !important;

  background: transparent !important;
  border: 0 !important;

}

.elementor-widget-button.arauma-btn .elementor-button {

  background: transparent !important;
  border: 0 !important;

  padding: 0 !important;
  margin: 0 !important;

  text-decoration: none !important;

  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  font-family: var(--arauma-btn-font) !important;
  font-size: var(--arauma-btn-font-size) !important;

}

.elementor-widget-button.arauma-btn .elementor-button-content-wrapper {

  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  padding: 0 !important;
  margin: 0 !important;

  font-family: var(--arauma-btn-font) !important;
  font-size: var(--arauma-btn-font-size) !important;

}

.elementor-widget-button.arauma-btn .elementor-button-text {

  font-family: var(--arauma-btn-font) !important;

  font-size: var(--arauma-btn-font-size) !important;

  font-weight: var(--arauma-btn-font-weight) !important;

  letter-spacing: var(--arauma-btn-letter-spacing) !important;

  line-height: 1 !important;

  margin: 0 !important;

}


/* ======================================
   PRIMARY
   ====================================== */

.elementor-widget-button.arauma-btn--primary > .elementor-widget-container {

  background: var(--arauma-btn-primary) !important;
  border-color: var(--arauma-btn-primary) !important;

  color: var(--arauma-btn-text-light) !important;

}

.elementor-widget-button.arauma-btn--primary:hover > .elementor-widget-container {

  background: var(--arauma-btn-primary-hover) !important;
  border-color: var(--arauma-btn-primary-hover) !important;

}

.elementor-widget-button.arauma-btn--primary .elementor-button,
.elementor-widget-button.arauma-btn--primary .elementor-button-text {

  color: var(--arauma-btn-text-light) !important;

}


/* ======================================
   SECONDARY
   ====================================== */

.elementor-widget-button.arauma-btn--secondary > .elementor-widget-container {

  background: var(--arauma-btn-secondary-bg) !important;

  border-color: var(--arauma-btn-secondary-border) !important;

  color: var(--arauma-btn-text-dark) !important;

}

.elementor-widget-button.arauma-btn--secondary:hover > .elementor-widget-container {

  background: var(--arauma-btn-secondary-hover) !important;

  border-color: var(--arauma-btn-secondary-border-hover) !important;

}

.elementor-widget-button.arauma-btn--secondary .elementor-button,
.elementor-widget-button.arauma-btn--secondary .elementor-button-content-wrapper,
.elementor-widget-button.arauma-btn--secondary .elementor-button-text {

  color: var(--arauma-btn-text-dark) !important;

}


/* ======================================
   GOLD
   ====================================== */

.elementor-widget-button.arauma-btn--gold > .elementor-widget-container {

  background: transparent !important;

  border-color: var(--arauma-gold-border-soft) !important;

  color: var(--arauma-btn-gold) !important;

}

.elementor-widget-button.arauma-btn--gold:hover > .elementor-widget-container {

  background: var(--arauma-gold-bg-soft) !important;

  border-color: var(--arauma-gold-border-soft-hover) !important;

}

.elementor-widget-button.arauma-btn--gold .elementor-button,
.elementor-widget-button.arauma-btn--gold .elementor-button-text {

  color: var(--arauma-btn-gold) !important;

}


/* ======================================
   FULL WIDTH
   ====================================== */

.elementor-widget-button.arauma-btn--full {

  width: 100% !important;

}

.elementor-widget-button.arauma-btn--full > .elementor-widget-container {

  width: 100% !important;

}

.elementor-widget-button.arauma-btn--full .elementor-button-wrapper,
.elementor-widget-button.arauma-btn--full .elementor-button {

  width: 100% !important;

}


/* ======================================
   TAMAÑOS
   ====================================== */

.elementor-widget-button.arauma-btn--sm > .elementor-widget-container {

  min-height: 40px !important;

  padding-left: 20px !important;
  padding-right: 20px !important;

  font-size: 13px !important;

}

.elementor-widget-button.arauma-btn--lg > .elementor-widget-container {

  min-height: 56px !important;

  padding-left: 34px !important;
  padding-right: 34px !important;

  font-size: 16px !important;

}