.web-button{--web-button-base-color:var(--web-form-base-color,#8f4cff);appearance:none;color:#fff;min-height:2.8rem;font:inherit;cursor:pointer;background-clip:padding-box;border:1px solid #0000;border-radius:.9rem;justify-content:center;align-items:center;padding:.75rem 1.2rem;font-weight:700;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s,opacity .16s;display:inline-flex}.web-button--primary{background:linear-gradient(135deg, color-mix(in srgb, var(--web-button-base-color) 86%, #fff 14%), color-mix(in srgb, var(--web-button-base-color) 58%, #080015 42%)) padding-box,linear-gradient(90deg, color-mix(in srgb, var(--web-button-base-color) 42%, #050008 58%), color-mix(in srgb, var(--web-button-base-color) 86%, #fff 14%)) border-box}.web-button--secondary{border-color:color-mix(in srgb, var(--web-button-base-color) 52%, transparent);background:color-mix(in srgb, var(--web-button-base-color) 18%, #070015 82%)}.web-button--ghost{background:0 0;border-color:#0000}.web-button:hover:not(:disabled){box-shadow:0 0 10px color-mix(in srgb, var(--web-button-base-color) 56%, transparent),inset 0 0 8px #ffffff24;transform:translateY(-1px)}.web-button:focus-visible{outline-offset:3px;outline:2px solid #fff}.web-button:disabled{cursor:not-allowed;opacity:.58}