/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/dqe-buttons/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
/* ========== PRIMARY ========== */
.mh-dqe-primary-btn {
  width: -moz-max-content;
  width: max-content;
  color: var(--dqe-text, inherit);
}

.mh-dqe-primary-btn .mh-dqe-primary-btn-icon {
  width: clamp(42.5px, 4.514vw, 65px);
  height: clamp(42.5px, 4.514vw, 65px);
  border-radius: 60px;
  background-color: #e37325; /* icon disc (brand) */
}

.mh-dqe-primary-btn .mh-dqe-primary-btn-content {
  background-color: var(--dqe-bg, rgba(14, 18, 31, 0.5));
  padding: 10px clamp(56.5px, 5.729vw, 82.5px) 10px clamp(40px, 2.431vw, 35px);
  min-height: clamp(42.5px, 4.514vw, 65px);
  margin-right: clamp(-32.5px, -2.257vw, -16.5px);
  font-size: clamp(14px, 1.389vw, 20px);
  min-width: clamp(0px, 22.557vw, 392.5px);
  transition: color 0.375s ease-in-out, background-color 0.375s ease-in-out;
}

.mh-dqe-primary-btn:hover {
  color: var(--dqe-text-hover, var(--dqe-text, inherit));
}

.mh-dqe-primary-btn:hover .mh-dqe-primary-btn-content {
  background-color: var(--dqe-bg-hover, var(--dqe-bg, rgba(14, 18, 31, 0.5)));
}

.mh-dqe-primary-btn .mh-dqe-primary-btn-icon svg {
  width: clamp(14px, 1.563vw, 22.5px);
}

.mh-dqe-primary-btn-rotated .mh-dqe-primary-btn-icon {
  transform: rotate(-90deg);
}

.mh-dqe-primary-btn-xs .mh-dqe-primary-btn-icon {
  height: clamp(42.5px, 3.819vw, 55px);
  width: clamp(42.5px, 3.819vw, 55px);
}

.mh-dqe-primary-btn-xs .mh-dqe-primary-btn-content {
  min-height: clamp(42.5px, 3.819vw, 55px);
  font-size: clamp(14px, 1.389vw, 20px);
}

/* ========== SECONDARY ========== */
.mh-dqe-secondary-btn {
  padding: 17.5px 10.5px;
  border: 2px solid var(--dqe-border, #fff);
  border-radius: 4px;
  background-color: var(--dqe-bg, #232d4b);
  cursor: pointer;
  min-width: 215px;
  text-align: center;
  display: flex;
  width: -moz-max-content;
  width: max-content;
  justify-content: center;
  line-height: 155%;
  color: var(--dqe-text, #fff);
  transition: color 0.25s, background-color 0.25s, border-color 0.25s;
}

.mh-dqe-secondary-btn:hover {
  color: var(--dqe-text-hover, var(--dqe-text, #fff));
  background-color: var(--dqe-bg-hover, var(--dqe-bg, #232d4b));
  border-color: var(--dqe-border-hover, var(--dqe-border, #fff));
}

/* ========== TERTIARY ========== */
/* ========== TERTIARY (FIXED to read CSS vars) ========== */
.mh-dqe-tertiary-btn {
  -moz-column-gap: 7.5px;
       column-gap: 7.5px;
  width: -moz-max-content;
  width: max-content;
}

/* text color + hover from CSS vars */
.mh-dqe-tertiary-btn .mh-dqe-tertiary-btn-text {
  color: var(--dqe-text, inherit);
  transition: color 0.25s ease-in-out;
}

.mh-dqe-tertiary-btn:hover .mh-dqe-tertiary-btn-text {
  color: var(--dqe-text-hover, var(--dqe-text, inherit));
}

/* optional pill background (enabled by hasBg) + hover, incl. optional border */
.mh-dqe-tertiary-btn-has-bg {
  padding: 7.5px 10px;
  border-radius: 100px;
  background-color: var(--dqe-bg, transparent);
  border: 1px solid var(--dqe-border, transparent);
  transition: padding 0.375s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
}

.mh-dqe-tertiary-btn-has-bg:hover {
  padding-left: 20px;
  background-color: var(--dqe-bg-hover, var(--dqe-bg, transparent));
  border-color: var(--dqe-border-hover, var(--dqe-border, transparent));
}

.mh-dqe-tertiary-btn-has-bg .mh-dqe-tertiary-btn-text {
  padding-top: 1px;
}

/* icon chip (kept brand by default; add CSS vars if you want it configurable) */
.mh-dqe-tertiary-btn-icon-block {
  width: 27.5px;
  height: 27.5px;
  background-color: #e37325;
  border-radius: 50px;
}

.mh-dqe-tertiary-btn-icon-block svg {
  width: 10px;
}

/* Optional: XS variant parity with primary */
.mh-dqe-tertiary-btn-xs .mh-dqe-tertiary-btn-text {
  font-size: clamp(14px, 1.2vw, 18px);
}

/*# sourceMappingURL=style-index.css.map*/