.m-sticky_bar--dark {
  background-color: var(--offBlack);
}
.m-sticky_bar--light .e-button--secondary {
  background-color: transparent;
  color: var(--offBlack);
  border-color: var(--yellow);
}
.m-sticky_bar--light .e-button--secondary:hover {
  background-color: var(--yellow);
  color: var(--offBlack);
}
.m-sticky_bar--dark .e-button--tertiary {
  color: var(--white);
}
.m-sticky_bar--sticky.fixed {
  position: fixed;
  top: var(--siteHeaderHeight);
  left: 0;
  width: 100%;
  z-index: 100;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.m-sticky_bar--sticky.fixed.m-sticky_bar--light {
  background-color: var(--white);
  border-bottom: 1px solid var(--textOnOffBlack);
}
.m-sticky_bar--sticky.fixed.m-sticky_bar--dark {
  background-color: #2e3a47;
}
.m-sticky_bar__ctas {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}
.m-sticky_bar__ctas--left {
  justify-content: flex-start;
}
.m-sticky_bar__ctas--right {
  justify-content: flex-end;
}
.m-sticky_bar__cta--slant {
  position: relative;
  border: none !important;
}
.m-sticky_bar__cta--slant::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid var(--yellow);
  border-radius: var(--borderRadius);
  transform: skew(-14deg);
  transition: transform .3s ease;
  z-index: 1;
}
.m-sticky_bar__cta--slant.e-button--tertiary {
  padding: 15px 20px;
}
.m-sticky_bar__cta--slant:hover:before {
  transform: skew(0deg);
  transition: transform .3s ease;
}
.m-sticky_bar__cta--slant.e-button--primary,
.m-sticky_bar__cta--slant.e-button--secondary,
.m-sticky_bar__cta--slant.e-button--secondary:hover {
  background: none !important;
}
.m-sticky_bar__cta--slant.e-button--secondary:hover {
  color: var(--white);
}
.m-sticky_bar__cta--slant.e-button--primary:before {
  background-color: var(--yellow);
}
.m-sticky_bar__cta--slant > span {
  position: relative;
}
.m-sticky_bar__cta--slant span {
  z-index: 1;
}

/* ── Mobile — single row, compact ────────────────────────── */
@media (max-width: 767px) {
  .m-sticky_bar__ctas {
    gap: 12px;
    flex-wrap: nowrap;
  }
  .m-sticky_bar__cta {
    width: auto;
    flex: 1;
    padding: 10px 12px;
    font-size: 13px;
    justify-content: center;
  }
}

/* ── Desktop ──────────────────────────────────────────────── */
@media (min-width: 768px) {
  .m-sticky_bar__ctas {
    gap: 30px 60px;
  }
  .m-sticky_bar__cta {
    flex-grow: 1;
    justify-content: center;
    width: 320px;
    max-width: 320px;
  }
}
/* Compact button size when sticky bar is fixed */
.m-sticky_bar--sticky.fixed .m-sticky_bar__cta {
  padding: 10px 20px;
  font-size: 13px;
    width: auto;      
  max-width: none
      flex-grow: 0;
}