#genx-client-addon {
  box-sizing:border-box;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:18px 24px;
  margin:0 0 28px;
  padding:24px;
  border:1px solid #ffd9b6;
  border-radius:20px;
  background:#fff3e8;
  color:#17212d;
  font-family:inherit;
}

#genx-client-addon * {
  box-sizing:border-box;
}

#genx-client-addon .gx-client-addon-copy {
  flex:1 1 280px;
  min-width:0;
}

#genx-client-addon .gx-client-addon-title {
  margin:0 0 8px;
  font-size:21px;
  line-height:1.3;
  font-weight:800;
  color:#17212d;
}

#genx-client-addon .gx-client-addon-text {
  margin:0;
  font-size:15px;
  line-height:1.6;
  color:#485363;
}

#genx-client-addon .gx-client-addon-hint {
  margin:9px 0 0;
  font-size:13px;
  line-height:1.5;
  color:#655347;
}

#genx-client-addon .gx-client-addon-link {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  max-width:100%;
  min-height:48px;
  padding:13px 22px;
  border:2px solid #cf6000;
  border-radius:12px;
  background:#ff8000;
  color:#3d1b00;
  font-family:inherit;
  font-size:16px;
  font-weight:800;
  line-height:1.4;
  text-align:center;
  text-decoration:none;
  white-space:normal;
  box-shadow:0 3px 9px #c45a001a;
}

#genx-client-addon .gx-client-addon-link:hover {
  background:#f27800;
  color:#3d1b00;
  text-decoration:none;
}

#genx-client-addon .gx-client-addon-link:focus-visible {
  outline:3px solid #17212d;
  outline-offset:4px;
}

@media(max-width:767px) {
  #genx-client-addon {
    padding:20px;
    gap:16px;
  }
  #genx-client-addon .gx-client-addon-title {
    font-size:20px;
  }
  #genx-client-addon .gx-client-addon-link {
    width:100%;
  }
}