/* Container for the floating button */
#dmslmi-container {
  position: fixed;
  top: 25px;   /* margin from top increased */
  right: 10px;
  z-index: 99999;
  display: none;
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity 180ms ease, transform 180ms ease;
  pointer-events: none;
}

/* When visible */
#dmslmi-container.dmslmi--visible {
  display: block;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* Custom button style */
#dmslmi-container .dmslmi-button {
  display: inline-block;
  background: #ffffff;       /* white background */
  color: #333333;            /* darker grey text */
  font-weight: bold;         /* bold text */
  font-size: 16px;           /* 16px font */
  padding: 10px 15px;        /* top/bottom 10px, left/right 15px */
  border-radius: 0;          /* sharp square corners */
  text-decoration: none;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Hover/focus states */
#dmslmi-container .dmslmi-button:hover,
#dmslmi-container .dmslmi-button:focus {
  background: #f7f7f7;
  color: #000000;
}

/* Mobile only */
@media (min-width: 981px) {
  #dmslmi-container { display: none !important; }
}

/* Admin bar offset */
body.admin-bar #dmslmi-container {
  top: 81px; /* 56px admin bar + 25px margin */
}