.ips-order-demoaccess,
.ips-order-multisite,
.ips-multisite-button-wrap {
  --ips-order-multisite-accent: var(--ips-wooms-btn-bg, #2271b1);
  --ips-order-multisite-accent-hover: color-mix(in srgb, var(--ips-order-multisite-accent) 84%, #000);
  --ips-order-multisite-text: var(--ips-wooms-btn-text, #fff);
  --ips-order-multisite-border: var(--ips-wooms-btn-border, transparent);
  --ips-order-multisite-focus: #72aee6;
  --ips-order-multisite-error: #b32d2e;
  --ips-order-multisite-success: #008a20;
  --ips-order-multisite-radius: var(--ips-wooms-btn-radius, 0.35rem);
  --ips-order-multisite-font-size: var(--ips-wooms-btn-font-size, inherit);
  --ips-order-multisite-font-weight: 600;
  --ips-order-multisite-min-height: var(--ips-wooms-btn-height, 2.75rem);
  --ips-order-multisite-min-width: var(--ips-wooms-btn-min-width, 0px);
  --ips-order-multisite-width: auto;
  --ips-order-demoaccess-accent: var(--ips-order-multisite-accent);
  --ips-order-demoaccess-accent-hover: var(--ips-order-multisite-accent-hover);
  --ips-order-demoaccess-text: var(--ips-order-multisite-text);
  --ips-order-demoaccess-border: var(--ips-order-multisite-border);
  --ips-order-demoaccess-focus: var(--ips-order-multisite-focus);
  --ips-order-demoaccess-error: var(--ips-order-multisite-error);
  --ips-order-demoaccess-success: var(--ips-order-multisite-success);
  --ips-order-demoaccess-radius: var(--ips-order-multisite-radius);
  --ips-order-demoaccess-font-size: var(--ips-order-multisite-font-size);
  --ips-order-demoaccess-font-weight: var(--ips-order-multisite-font-weight);
  --ips-order-demoaccess-min-height: var(--ips-order-multisite-min-height);
  --ips-order-demoaccess-min-width: var(--ips-order-multisite-min-width);
  --ips-order-demoaccess-width: var(--ips-order-multisite-width);
  width: 100%;
  max-width: 32rem;
}

.ips-order-demoaccess--full-width,
.ips-order-multisite--full-width,
.ips-order-demoaccess[data-ips-order-demoaccess-full-width='true'],
.ips-order-multisite[data-ips-order-multisite-full-width='true'],
.ips-multisite-button-wrap.ips-wooms-btn-full-width {
  max-width: none;
}

.ips-order-demoaccess__form,
.ips-order-multisite__form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.75rem;
  position: relative;
}

.ips-order-demoaccess__button,
.ips-order-multisite__button,
.ips-create-multisite-btn {
  appearance: none;
  align-items: center;
  background: var(--ips-order-demoaccess-accent);
  border: 1px solid var(--ips-order-demoaccess-border);
  border-radius: var(--ips-order-demoaccess-radius, 0.35rem);
  box-sizing: border-box;
  color: var(--ips-order-demoaccess-text);
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  font-size: var(--ips-order-demoaccess-font-size, inherit);
  font-weight: var(--ips-order-demoaccess-font-weight, 600);
  justify-content: center;
  min-height: var(--ips-order-demoaccess-min-height, 2.75rem);
  min-width: min(100%, var(--ips-order-demoaccess-min-width, 0px));
  padding: var(--ips-order-demoaccess-padding, 0.65rem 1.15rem);
  position: relative;
  text-align: center;
  transition: background-color 120ms ease, opacity 120ms ease;
  width: var(--ips-order-demoaccess-width, auto);
}

.ips-order-demoaccess__button:hover:not(:disabled),
.ips-order-multisite__button:hover:not(:disabled),
.ips-create-multisite-btn:hover:not(:disabled) {
  background: var(--ips-order-demoaccess-accent);
  background: var(--ips-order-demoaccess-accent-hover);
}

.ips-order-demoaccess--full-width .ips-order-demoaccess__button,
.ips-order-multisite--full-width .ips-order-multisite__button,
.ips-order-demoaccess[data-ips-order-demoaccess-full-width='true'] .ips-order-demoaccess__button,
.ips-order-multisite[data-ips-order-multisite-full-width='true'] .ips-order-multisite__button,
.ips-multisite-button-wrap.ips-wooms-btn-full-width .ips-create-multisite-btn {
  min-width: 100%;
  width: 100%;
}

.ips-order-demoaccess__button:focus-visible,
.ips-order-multisite__button:focus-visible {
  outline: 3px solid var(--ips-order-demoaccess-focus);
  outline-offset: 2px;
}

.ips-order-demoaccess__button:disabled,
.ips-order-multisite__button:disabled {
  cursor: wait;
  opacity: 0.72;
}

.ips-order-demoaccess__form.is-loading .ips-order-demoaccess__button-label,
.ips-order-multisite__form.is-loading .ips-order-multisite__button-label {
  padding-right: 1.4rem;
}

.ips-order-demoaccess__form.is-loading .ips-order-demoaccess__button::after,
.ips-order-multisite__form.is-loading .ips-order-multisite__button::after {
  animation: ips-order-demoaccess-spin 700ms linear infinite;
  border: 2px solid currentcolor;
  border-right-color: transparent;
  border-radius: 50%;
  content: '';
  height: 0.85rem;
  margin-left: -0.85rem;
  position: absolute;
  right: 1rem;
  width: 0.85rem;
}

.ips-order-demoaccess__status,
.ips-order-multisite__status,
.ips-multisite-status {
  line-height: 1.45;
  margin: 0;
  min-height: 1.45em;
}

.ips-order-demoaccess__status[data-state='error'],
.ips-order-multisite__status[data-state='error'] {
  color: var(--ips-order-demoaccess-error);
}

.ips-order-demoaccess__status[data-state='success'],
.ips-order-multisite__status[data-state='success'] {
  color: var(--ips-order-demoaccess-success);
}

.ips-order-demoaccess__captcha,
.ips-order-multisite__captcha {
  min-height: 4.1rem;
}

.ips-order-demoaccess__trap,
.ips-order-multisite__trap {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}

.ips-order-demoaccess__notice,
.ips-order-multisite__notice {
  border-left: 4px solid #dba617;
  margin: 1rem 0;
  padding: 0.5rem 0.75rem;
}

@keyframes ips-order-demoaccess-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ips-order-demoaccess__button,
  .ips-order-multisite__button,
  .ips-create-multisite-btn {
    transition: none;
  }

  .ips-order-demoaccess__form.is-loading .ips-order-demoaccess__button::after,
  .ips-order-multisite__form.is-loading .ips-order-multisite__button::after {
    animation-duration: 1.5s;
  }
}