.hurricane-chatwoot-trigger {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9999;
}

.hurricane-chatwoot-trigger[hidden] {
  display: none;
}

.hurricane-chatwoot-trigger__button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 16px;
  border: 0;
  border-radius: 999px;
  color: #ffffff;
  background: #111827;
  box-shadow: 0 12px 28px rgba(17, 24, 39, 0.22);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.hurricane-chatwoot-trigger__button:hover,
.hurricane-chatwoot-trigger__button:focus-visible {
  background: #0f766e;
}

.hurricane-chatwoot-trigger__button:focus-visible {
  outline: 3px solid rgba(15, 118, 110, 0.3);
  outline-offset: 3px;
}

.hurricane-chatwoot-trigger__button:disabled {
  cursor: wait;
  opacity: 0.8;
}

.hurricane-chatwoot-trigger__icon {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #22c55e;
  box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.18);
}

@media (max-width: 600px) {
  .hurricane-chatwoot-trigger {
    right: 14px;
    bottom: 14px;
  }

  .hurricane-chatwoot-trigger__button {
    min-height: 42px;
    padding: 0 14px;
  }
}