/* Shared IRIS launcher for the Tawk customer-support widget. */
.iris-chat-launcher {
  position: fixed;
  right: 30px;
  bottom: 80px;
  z-index: 2910;
  display: grid;
  width: 50px;
  height: 50px;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, #21f223 0%, #0abe28 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.38),
              0 8px 20px rgba(10, 190, 40, 0.24),
              0 10px 26px rgba(7, 16, 12, 0.16);
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  transition: box-shadow 180ms ease;
}

.iris-chat-launcher[hidden] {
  display: none !important;
}

.iris-chat-launcher:hover,
.iris-chat-launcher:focus-visible {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.42),
              0 10px 24px rgba(10, 190, 40, 0.3),
              0 12px 30px rgba(7, 16, 12, 0.2),
              0 0 22px rgba(33, 242, 35, 0.18);
}

.iris-chat-launcher:focus-visible {
  outline: 2px solid #07100c;
  outline-offset: 3px;
}

.iris-chat-launcher:active {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.32),
              0 6px 16px rgba(10, 190, 40, 0.22),
              0 8px 20px rgba(7, 16, 12, 0.16);
}

.iris-chat-launcher-disc {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  border-radius: 50%;
}

.iris-chat-launcher-icon {
  display: block;
  width: 26px;
  height: 26px;
}

@media (max-width: 600px) {
  .iris-chat-launcher {
    right: 20px;
    bottom: 74px;
    width: 48px;
    height: 48px;
  }

  .iris-chat-launcher-icon {
    width: 25px;
    height: 25px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .iris-chat-launcher {
    transition: none;
  }
}