.elementor-14 .elementor-element.elementor-element-a5abc8c{--display:flex;}/* Start custom CSS for html, class: .elementor-element-501fc6f *//* ——— MOBILE DROPDOWN ——— */
#hero-occupy-mars .mobile-menu{
  position:absolute;
  top:100%;
  right:0;                 /* anchor to the right edge */
  width:260px;             /* tweak if you want */
  padding:28px 0 16px;     /* NO side padding */
  background:rgba(0,0,0,.95);
  border-radius:10px;
  box-shadow:0 4px 20px rgba(0,0,0,.6);
  z-index: 10000;          /* sit above hero */
}

/* brand links with their own side padding */
#hero-occupy-mars .mobile-menu a{
  display:block;
  padding:0 14px;
  margin:10px 0;
  color:#00ee32;
  font-size:15px;
  font-weight:600;
  text-decoration:none;
}
#hero-occupy-mars .mobile-menu a:hover{ color:#fff; }

/* ——— BUY TOKEN BUTTON (MOBILE) ———
   Flush to left/right, square, consistent height */
#hero-occupy-mars .mobile-menu .buy-btn{
  display:block !important;
  width:100% !important;      /* fill dropdown width */
  margin:12px 0 0 0 !important;
  padding:14px 0 !important;  /* same vertical as your sample */
  text-align:center !important;
  border-radius:0 !important;  /* square corners */
  background:#00ee32 !important;
  color:#0a0a0c !important;
  box-sizing:border-box;
}

/* kill any old “bleed” rules that caused overflow */
#hero-occupy-mars .mobile-menu .buy-btn[style],
#hero-occupy-mars .mobile-menu .buy-btn.bleed {
  width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* ——— CLOSE (X) BUTTON ——— */
#hero-occupy-mars .mobile-close{
  align-self:flex-end;
  font-size:26px;
  color:#fff;
  background:none;
  border:none;
  cursor:pointer;
  margin:0 14px 10px 0;
}
#hero-occupy-mars .mobile-close:hover{
  background:#00ee32;   /* brand color on hover */
  color:#000;           /* black X on hover */
}/* End custom CSS */