.yuki-contact-hub.is-floating {
  position: fixed;
  right: max(16px, env(safe-area-inset-right));
  bottom: max(16px, env(safe-area-inset-bottom));
  z-index: 120;
}

.yuki-contact-hub {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.hub-action {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border-radius: 999px;
  background: #126c42;
  color: #fff;
  box-shadow: 0 12px 32px rgba(18, 108, 66, 0.2);
  font-weight: 750;
}

.hub-wechat {
  background: #f5f8f4;
  color: #0d3e2c;
  border: 1px solid rgba(18, 108, 66, 0.2);
}

a.hub-action:hover,
a.hub-action:focus-visible {
  background: #0d3e2c;
  color: #fff;
}

@media (max-width: 620px) {
  .yuki-contact-hub.is-floating {
    left: 12px;
    right: 12px;
  }

  .hub-action {
    width: 100%;
  }

  .yuki-contact-hub {
    display: grid;
  }
}