@property --grad-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --grad-to{syntax:"<color>";inherits:false;initial-value:#0000}.substrate-button{width:fit-content;height:40px;font-size:var(--global-font-size-m);line-height:var(--global-line-height-s);white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;background:linear-gradient(to top, var(--grad-from), var(--grad-to));border-radius:20px;justify-content:center;align-items:center;gap:.5em;padding:0 20px 1px;transition:--grad-from .15s cubic-bezier(.38,0,.16,1),--grad-to .15s cubic-bezier(.38,0,.16,1);display:flex;box-shadow:0 4px 8px #00000040}a.substrate-button{cursor:pointer;text-decoration:none}.substrate-button:focus-visible{outline:2px solid var(--global-blue-6);outline-offset:2px}.substrate-button--primary{--grad-from:var(--global-grey-8);--grad-to:var(--global-black);color:var(--global-grey-1)}.substrate-button--primary:not(:disabled):not([aria-disabled=true]):hover,.substrate-button--primary:not(:disabled):not([aria-disabled=true]):focus-visible{--grad-from:var(--global-grey-7);--grad-to:var(--global-grey-8)}.substrate-button--secondary{--grad-from:var(--global-grey-1);--grad-to:var(--global-grey-2);color:var(--global-grey-8)}.substrate-button--secondary:not(:disabled):not([aria-disabled=true]):hover,.substrate-button--secondary:not(:disabled):not([aria-disabled=true]):focus-visible{--grad-from:var(--global-grey-2);--grad-to:var(--global-grey-1)}.substrate-button--danger{--grad-from:var(--global-red-6);--grad-to:var(--global-red-6);color:var(--global-grey-1)}.substrate-button--danger:not(:disabled):not([aria-disabled=true]):hover,.substrate-button--danger:not(:disabled):not([aria-disabled=true]):focus-visible{--grad-from:var(--global-red-5);--grad-to:var(--global-red-6)}.substrate-button:disabled,.substrate-button[aria-disabled=true]{--grad-from:var(--global-grey-2);--grad-to:var(--global-grey-2);color:var(--global-grey-5);box-shadow:none;cursor:not-allowed}