.button{--height:48px;--horizontal-padding:20px;--badge-size:40px;--badge-inset:4px;--gap:10px;--icon-size:18px;--background-color:var(--main-blue);--background-color-hover:var(--royal-navigo);--button-color:var(--white);--badge-background-color:var(--white);--badge-color:var(--main-blue);--border-color:transparent;justify-content:center;align-items:center;gap:10px;gap:var(--gap);min-height:48px;min-height:var(--height);padding-right:20px;padding-right:var(--horizontal-padding);padding-left:20px;padding-left:var(--horizontal-padding);font-size:var(--font-size-16);color:var(--button-color);text-align:center;white-space:nowrap;border:1px solid #0000;border:1px solid var(--border-color);border-radius:var(--radius-pill);background-color:var(--background-color);cursor:pointer;font-weight:600;line-height:1.2;-webkit-text-decoration:none;text-decoration:none;transition-property:background-color,color,border-color,opacity;transition-duration:.2s;display:inline-flex}.button--with-icon{padding-left:var(--badge-inset)}.button:hover{--background-color:var(--background-color-hover)}.button:disabled{opacity:.5;cursor:default}@media (max-width:768px){.button{--height:44px;--horizontal-padding:18px;--badge-size:36px;--gap:8px;--icon-size:16px;font-size:var(--font-size-14)}}.button--size-small{--height:44px;--horizontal-padding:20px;--badge-size:36px;--gap:12px;--icon-size:16px;font-size:var(--font-size-14)}.button--size-large{--height:56px;--horizontal-padding:24px;--badge-size:48px;--gap:10px;--icon-size:20px;font-size:var(--font-size-18)}@media (max-width:768px){.button--size-large{--height:48px;--horizontal-padding:20px;--badge-size:40px;--gap:10px;--icon-size:18px;font-size:var(--font-size-16)}}.button--full-width{width:100%;display:flex}.button--theme-secondary{--background-color:var(--cloud-grey);--background-color-hover:var(--ice-blue);--button-color:var(--deep-navy);--badge-background-color:var(--main-blue);--badge-color:var(--white)}.button--theme-outline{--background-color:transparent;--background-color-hover:var(--mist-blue);--button-color:var(--deep-navy);--border-color:var(--color-border);--badge-background-color:var(--main-blue);--badge-color:var(--white)}.button--theme-white{--background-color:var(--white);--background-color-hover:var(--mist-blue);--button-color:var(--main-blue);--badge-background-color:var(--main-blue);--badge-color:var(--white)}.button__icon{width:var(--badge-size);height:var(--badge-size);color:var(--badge-color);background-color:var(--badge-background-color);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.button__icon svg{width:var(--icon-size);height:var(--icon-size)}
.max-width{--max-width:var(--page-max-width);width:100%;max-width:calc(var(--max-width) + var(--page-left-padding) + var(--page-right-padding));padding-right:var(--page-right-padding);padding-left:var(--page-left-padding);margin-left:auto;margin-right:auto;position:relative}.max-width--content{--max-width:var(--content-max-width)}.max-width .max-width{max-width:100%;padding-left:0;padding-right:0}