.component-button{cursor:pointer;display:inline-flex;gap:1rem;align-items:center;padding:0;border:none;border-radius:var(--radius-default);font-family:var(--font-secondary),sans-serif;font-size:1.8rem;font-weight:400;line-height:1;color:var(--color-teal-300);text-decoration:none;letter-spacing:.1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;transition:color var(--default-transition),background-color var(--default-transition);white-space:nowrap}.component-button svg{display:block}.component-button.-back{flex-direction:row-reverse}.component-button.-back svg{transform:rotate(180deg)}.component-button.-text.-link{gap:1.5rem}.component-button.-text:hover,.component-button.-text.-email,.component-button.-text.-phone{text-decoration:underline;text-decoration-thickness:.2rem;text-underline-offset:.5rem}.component-button.-light{color:var(--color-neutrals-100)}.component-button.-dark{color:var(--color-orange-1000)}.component-button.-teal{color:var(--color-teal-300)}.component-button.-small{padding:.7rem 1rem;font-size:1.2rem;text-transform:uppercase}.component-button.-sm-md{padding:.9rem 1rem;font-size:1.4rem;text-transform:uppercase}.component-button.-sm-md span{margin-top:-.1rem}.component-button.-middle{padding:.7rem 1rem;font-size:1.4rem}@media (min-width:1010px){.component-button.-middle{font-size:1.6rem}}.component-button.-large{padding:.7rem 1.2rem;text-transform:uppercase}.component-button.-orange-dark{background-color:var(--color-orange-300)}.component-button.-orange-dark:hover,.component-button.-orange-dark:active{background-color:var(--color-orange-200)}.component-button.-orange-dark:disabled{color:var(--color-teal-400);background-color:var(--color-orange-200)}.component-button.-orange-dark:focus-visible{outline:.1rem solid var(--color-orange-200)}.component-button.-teal-dark{background-color:var(--color-teal-300)}.component-button.-teal-dark:hover,.component-button.-teal-dark:active{background-color:var(--color-teal-400)}.component-button.-teal-dark:disabled{background-color:var(--color-teal-400)}.component-button.-teal-dark:focus-visible{outline:.1rem solid var(--color-white)}.component-button.-teal-darkest{background-color:var(--color-teal-400)}.component-button.-teal-darkest:hover,.component-button.-teal-darkest:active{background-color:var(--color-teal-300)}.component-button.-teal-darkest:disabled{background-color:var(--color-teal-300)}.component-button.-teal-darkest:focus-visible{outline:.1rem solid var(--color-teal-300)}