:root{--blue-main:#052b52;--blue-90:#1d426c;--blue-80:#345a7f;--blue-60:#6a8baa;--blue-40:#a3b9ce;--blue-20:#d6e0ea;--blue-110:#032447;--blue-120:#031d38;--blue-140:#021526;--white:#fff;--paper:#eff3f7;--ink:#262626;--ink-soft:#345a7f;--error:#a3281f;--measure:34rem;--gutter:clamp(1.5rem, 5vw, 5rem);--rule:1px solid var(--blue-20);--t-fast:.16s;--t-base:.3s;--ease:cubic-bezier(.22, 1, .36, 1);--header-h:82px}.component__button{font:inherit;cursor:pointer;border:1px solid var(--blue-main);background:var(--blue-main);color:var(--white);isolation:isolate;transition:background-color var(--t-base) var(--ease),border-color var(--t-base) var(--ease),color var(--t-base) var(--ease),transform var(--t-fast) var(--ease);justify-content:center;align-items:center;padding:.85rem 1.6rem;font-size:1rem;line-height:1.3;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.component__button:before{content:"";background:var(--blue-90);transition:transform var(--t-base) var(--ease);z-index:-1;position:absolute;inset:0;transform:translateY(101%)}.component__button:hover{color:var(--white);border-color:var(--blue-90)}.component__button:hover:before{transform:translateY(0)}.component__button:active{transform:translateY(1px)}.component__button:focus-visible{outline:2px solid var(--blue-main);outline-offset:3px}.component__button:disabled{opacity:.55;cursor:not-allowed}.component__button:disabled:before{display:none}.component__button__label{z-index:1;position:relative}.component__button--sm{padding:.55rem 1.05rem;font-size:.875rem}.component__button--danger{background:var(--white);color:var(--blue-main);border-color:var(--blue-40);text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.component__button--danger:before{background:var(--paper)}.component__button--danger:hover{color:var(--blue-main);border-color:var(--blue-80)}.component__button--ghost{color:var(--blue-main);background:0 0}.component__button--ghost:before{background:var(--blue-20)}.component__button--ghost:hover{color:var(--blue-main);border-color:var(--blue-main)}.component__button--inverse{background:var(--white);border-color:var(--white);color:var(--blue-main)}.component__button--inverse:before{background:var(--blue-20)}.component__button--inverse:hover{color:var(--blue-main);border-color:var(--blue-20)}.component__button--inverse:focus-visible{outline-color:var(--white)}.component__button--inverse.component__button--ghost{color:var(--white);border-color:var(--blue-60);background:0 0}.component__button--inverse.component__button--ghost:before{background:var(--blue-110)}.component__button--inverse.component__button--ghost:hover{color:var(--white);border-color:var(--blue-40)}.component__buttonRow{flex-wrap:wrap;gap:.85rem;margin-top:2.25rem;display:flex}