* { box-sizing: border-box; }
[hidden] { display: none !important; }

html, body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: transparent;
}

.menv-btn-wrap {
  display: flex;
  padding: 6px;
}

.menv-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  border: 2px solid var(--menv-btn-color, #00b894);
  transition: opacity 0.15s ease, transform 0.1s ease;
}
.menv-btn:hover { opacity: 0.88; }
.menv-btn:active { transform: scale(0.98); }

.menv-btn.menv-btn-solid {
  background: var(--menv-btn-color, #00b894);
  color: #ffffff;
}

.menv-btn.menv-btn-outline {
  background: transparent;
  color: var(--menv-btn-color, #00b894);
}

.menv-btn.menv-btn-small  { padding: 8px 16px;  font-size: 0.82rem; }
.menv-btn.menv-btn-medium { padding: 11px 22px; font-size: 0.92rem; }
.menv-btn.menv-btn-large  { padding: 14px 30px; font-size: 1.05rem; }

/* Alignment */
.menv-btn-wrap[data-align="center"] { justify-content: center; }
.menv-btn-wrap[data-align="right"]  { justify-content: flex-end; }

/* Gallery / custom designs: room around them so hover lifts, glows and
   3D effects aren't clipped by the iframe edge. */
.menv-btn-wrap.menv-has-design { padding: 16px 14px; }
.menv-design { display: inline-flex; font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif; }
.menv-design-small { zoom: 0.85; }
.menv-design-large { zoom: 1.2; }

/* Showcase (landing page demo): designs take turns in one grid cell. The extra
   padding leaves room for Drawer Reveal's pop-out tabs and corners. */
.menv-btn-wrap.menv-has-showcase { padding: 46px 14px; }
.menv-showcase { display: grid; align-items: center; justify-items: center; }
.menv-slide {
  grid-area: 1 / 1;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity .35s ease, transform .35s ease, visibility 0s linear .35s;
}
.menv-slide.is-active {
  opacity: 1;
  visibility: visible;
  transform: none;
  transition-delay: 0s;
}