.mobile-preview-launch {
  position: fixed;
  z-index: 230;
  left: 22px;
  bottom: 22px;
  min-height: 48px;
  padding: 0 17px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  border: 1px solid #cfd3ce;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.96);
  color: #273027;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  box-shadow: 0 10px 28px rgba(17, 28, 17, 0.16);
  backdrop-filter: blur(10px);
}

.mobile-preview-launch:hover {
  border-color: var(--green-dark, #219416);
  color: var(--green-dark, #219416);
}

.mobile-preview-launch:focus-visible {
  outline: 3px solid var(--green, #31cb22);
  outline-offset: 3px;
}

@media (max-width: 760px), print {
  .mobile-preview-launch {
    display: none;
  }
}