/* Button Widget */
.inapem-btn-wrapper {
  display: flex;
}

.elementor-align-left .inapem-btn-wrapper {
  justify-content: flex-start;
}

.elementor-align-center .inapem-btn-wrapper {
  justify-content: center;
}

.elementor-align-right .inapem-btn-wrapper {
  justify-content: flex-end;
}

.elementor-align-justify .inapem-btn-wrapper {
  justify-content: stretch;
}

.elementor-align-justify .inapem-btn-wrapper .inapem-btn {
  width: 100%;
}

.inapem-btn--full-width {
  width: 100%;
}

.inapem-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px 24px;
  font-family: "Poppins", Sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  border-style: solid;
  border-width: 3px;
  border-color: transparent;
  outline: none;
}

.inapem-btn:active {
  transform: translateY(1px);
  filter: brightness(0.9);
}

.inapem-btn--icon-before {
  flex-direction: row-reverse;
}

.inapem-btn--icon-after {
  flex-direction: row;
}

.inapem-btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.inapem-btn-icon i,
.inapem-btn-icon svg {
  width: 1em;
  height: 1em;
  font-size: inherit;
  fill: currentColor;
}

/* Light Mode Variants */
.inapem-btn-mode--light.inapem-btn--primary,
.inapem-btn-mode--light.inapem-btn--primary:focus,
.inapem-btn-mode--light.inapem-btn--primary:active {
  background-color: var(--color-primary);
  color: var(--color-white) !important;
  fill: var(--color-white) !important;
  border-color: var(--color-primary);
}

.inapem-btn-mode--light.inapem-btn--primary:hover {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
}

.inapem-btn-mode--light.inapem-btn--secondary {
  background-color: #ffffff00;
  color: var(--color-primary);
  fill: var(--color-primary);
  border-style: solid;
  border-width: 3px;
  border-color: var(--color-primary);
  border-radius: 4px;
  font-weight: 600;
}

.inapem-btn-mode--light.inapem-btn--secondary:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
  fill: var(--color-white);
}

.inapem-btn-mode--light.inapem-btn--tertiary {
  background-color: #ffffff00;
  color: var(--color-primary);
  fill: var(--color-primary);
  transition-duration: 0s;
  border-style: solid;
  border-width: 0px 0px 2px 0px;
  border-color: var(--color-primary);
  border-radius: 0;
  padding: 0px 0px 8px 0px;
  font-weight: 600;
}

.inapem-btn-mode--light.inapem-btn--tertiary:hover {
  color: var(--color-secondary);
  fill: var(--color-secondary);
  border-bottom-color: var(--color-secondary);
}

.inapem-btn-mode--light.inapem-btn--icon_only {
  width: 54px;
  height: 54px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.inapem-btn-mode--light.inapem-btn--icon_only.inapem-btn-color--primary {
  background-color: var(--e-global-color-primary, var(--color-primary));
  color: var(--e-global-color-9b0cd53, var(--color-white));
  fill: var(--e-global-color-9b0cd53, var(--color-white));
  border-color: var(--e-global-color-primary, var(--color-primary));
}

.inapem-btn-mode--light.inapem-btn--icon_only.inapem-btn-color--primary:hover {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
}

.inapem-btn-mode--light.inapem-btn--icon_only.inapem-btn-color--secondary {
  background-color: #ffffff00;
  color: var(--color-primary);
  fill: var(--color-primary);
  border-color: var(--color-primary);
}

.inapem-btn-mode--light.inapem-btn--icon_only.inapem-btn-color--secondary:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
  fill: var(--color-white);
}

.inapem-btn-mode--light.inapem-btn--icon_only.inapem-btn-color--white {
  background-color: var(--color-white);
  color: var(--color-primary);
  fill: var(--color-primary);
  border-color: var(--color-white);
}

.inapem-btn-mode--light.inapem-btn--icon_only.inapem-btn-color--white:hover {
  background-color: var(--color-light-grey);
}

/* Dark Mode Variants */
.inapem-btn-mode--dark.inapem-btn--primary {
  background-color: var(--e-global-color-9b0cd53, var(--color-white));
  color: var(--e-global-color-primary, var(--color-primary));
  fill: var(--e-global-color-primary, var(--color-primary));
  border-style: solid;
  border-width: 3px;
  border-color: var(--e-global-color-9b0cd53, var(--color-white));
  font-weight: 600;
}

.inapem-btn-mode--dark.inapem-btn--primary:hover {
  background-color: #ffffffdb;
  color: var(--e-global-color-primary, var(--color-primary));
  fill: var(--e-global-color-primary, var(--color-primary));
  border-color: var(--e-global-color-9b0cd53, var(--color-white));
}

.inapem-btn-mode--dark.inapem-btn--secondary {
  background-color: #ffffff00;
  color: var(--e-global-color-9b0cd53, var(--color-white));
  fill: var(--e-global-color-9b0cd53, var(--color-white));
  border-style: solid;
  border-width: 3px;
  border-color: var(--e-global-color-9b0cd53, var(--color-white));
  border-radius: 4px;
  font-weight: 500;
}

.inapem-btn-mode--dark.inapem-btn--secondary:hover {
  background-color: #ffffffdb;
  color: var(--e-global-color-primary, var(--color-primary));
  fill: var(--e-global-color-primary, var(--color-primary));
  border-color: #ffffffdb;
}

.inapem-btn-mode--dark.inapem-btn--tertiary {
  background-color: #ffffff00;
  color: var(--color-white);
  fill: var(--color-white);
  transition-duration: 0s;
  border-style: solid;
  border-width: 0px 0px 2px 0px;
  border-color: var(--color-white);
  border-radius: 0;
  padding: 0px 0px 8px 0px;
  font-weight: 600;
}

.inapem-btn-mode--dark.inapem-btn--tertiary:hover {
  color: rgba(255, 255, 255, 0.8);
  fill: rgba(255, 255, 255, 0.8);
  border-bottom-color: rgba(255, 255, 255, 0.8);
}

.inapem-btn-mode--dark.inapem-btn--icon_only {
  width: 54px;
  height: 54px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.inapem-btn-mode--dark.inapem-btn--icon_only.inapem-btn-color--primary {
  background-color: var(--e-global-color-primary, var(--color-primary));
  color: var(--e-global-color-9b0cd53, var(--color-white));
  fill: var(--e-global-color-9b0cd53, var(--color-white));
  border-color: var(--e-global-color-primary, var(--color-primary));
}

.inapem-btn-mode--dark.inapem-btn--icon_only.inapem-btn-color--primary:hover {
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
}

.inapem-btn-mode--dark.inapem-btn--icon_only.inapem-btn-color--secondary {
  background-color: #ffffff00;
  color: var(--color-white);
  fill: var(--color-white);
  border-color: var(--color-white);
}

.inapem-btn-mode--dark.inapem-btn--icon_only.inapem-btn-color--secondary:hover {
  background-color: var(--color-white);
  color: var(--color-primary);
  fill: var(--color-primary);
}

.inapem-btn-mode--dark.inapem-btn--icon_only.inapem-btn-color--white {
  background-color: transparent;
  color: var(--color-white);
  fill: var(--color-white);
  border-color: var(--color-white);
}

.inapem-btn-mode--dark.inapem-btn--icon_only.inapem-btn-color--white:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

/* Disabled State */
.inapem-btn:disabled,
.inapem-btn.inapem-btn--disabled {
  background-color: transparent !important;
  border: 2px solid var(--color-subtle-grey, #e6e6e9) !important;
  color: var(--color-subtle-grey, #e6e6e9) !important;
  pointer-events: none;
  text-align: center !important;
  font-family: "Poppins", Sans-serif !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 20px !important;
  border-radius: 6px !important;
  cursor: not-allowed;
  opacity: 1 !important;
}