.component-button{font-family:var(--font-secondary)}.component-button.-size-lg,.component-button.-size-md,.component-button.-size-sm{font-family:var(--font-secondary);font-size:1.2rem;font-weight:400;line-height:1.5}.component-button{border-radius:var(--radius-sm)}.-hidden{display:none!important}.-color-1{color:var(--color-1)}.-color-2{color:var(--color-2)}.-color-3{color:var(--color-3)}.-color-4{color:var(--color-4)}.-color-5{color:var(--color-5)}.-color-6{color:var(--color-6)}.-color-7{color:var(--color-7)}.-color-8{color:var(--color-8)}.-color-9{color:var(--color-9)}.-color-10{color:var(--color-10)}.component-button{cursor:pointer;display:inline-flex;gap:1rem;align-items:center;justify-content:center;border:none;transition:background-color .15s ease-in-out,color .15s ease-in-out}.component-button:focus-visible{outline:var(--color-black) dashed .1rem}.component-button:disabled{cursor:not-allowed}.component-button.-size-sm{padding:.5rem}.component-button.-size-md{padding:1rem;font-size:1.2rem;font-weight:600;line-height:1.1}.component-button.-size-lg{padding:1rem;font-size:1.4rem;font-weight:600;line-height:1.1}.component-button.-style-solid{color:var(--color-10);background-color:var(--color-white)}.component-button.-style-solid:hover:not(:disabled){color:var(--color-black);background-color:var(--color-white)}.component-button.-style-outline{color:var(--color-10);background-color:transparent}.component-button.-style-outline:hover:not(:disabled){color:var(--color-10);background-color:var(--color-white)}