@media (hover: hover) and (pointer: fine) {
  shopify-chat::part(activator):hover {
    outline: 1px solid #e3fc02;
    outline-offset: 0;
  }
}

shopify-chat::part(activator):focus-visible {
  outline: 2px solid #e3fc02;
  outline-offset: 3px;
}

@media (forced-colors: active) {
  shopify-chat::part(activator):hover,
  shopify-chat::part(activator):focus-visible {
    outline-color: Highlight;
  }
}