.component-button{font-family:var(--font-secondary)}.component-button.-size-xxl{font-size:1.6rem;line-height:1.5}@media (width>=768px){.component-button.-size-xxl{font-size:1.6rem}}.component-button.-size-xl,.component-button.-size-lg{font-size:1.4rem;line-height:1.5}@media (width>=768px){.component-button.-size-xl,.component-button.-size-lg{font-size:1.4rem}}.component-button.-size-md,.component-button.-size-sm{font-size:1.2rem;line-height:1.5}@media (width>=768px){.component-button.-size-md,.component-button.-size-sm{font-size:1.2rem}}.component-button{border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:1rem;transition:background-color .15s ease-in-out,color .15s ease-in-out;display:inline-flex}.component-button:focus-visible{outline:var(--color-black) dashed .1rem}.component-button:disabled{cursor:not-allowed}.component-button.-size-sm{outline-offset:.2rem;padding:.25rem .75rem}.component-button.-size-md{outline-offset:.3rem;padding:.5rem 1rem}.component-button.-size-lg{outline-offset:.4rem;padding:.5rem 1.25rem}.component-button.-size-xl{outline-offset:.5rem;padding:.75rem 2rem}.component-button.-size-xxl{outline-offset:.5rem;padding:1rem 2.5rem}.component-button.-style-solid{border:1px solid var(--color-black);color:var(--color-white);background-color:var(--color-black)}.component-button.-style-solid:hover:not(:disabled){color:var(--color-black);background-color:#0000}.component-button.-style-outline{border:1px solid var(--color-black);color:var(--color-black);background-color:#0000}.component-button.-style-outline:hover:not(:disabled){color:var(--color-white);background-color:var(--color-black)}