.component-button{cursor:pointer;display:inline-flex;gap:1rem;align-items:center;padding:0;border:none;border-radius:var(--radius-default);font-size:1.8rem;font-weight:400;line-height:1;color:var(--color-purple-500);text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;white-space:nowrap;background-color:transparent;transition:color var(--default-transition),background-color var(--default-transition)}.component-button svg{display:block}.component-button svg path{fill:currentcolor;stroke:currentcolor}.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-white)}.component-button.-dark{color:var(--color-purple-950)}.component-button.-large{padding:1rem}.component-button.-middle{padding:.7rem 1rem;font-size:1.4rem;letter-spacing:.084rem}@media (min-width:1010px){.component-button.-middle{font-size:1.6rem;letter-spacing:.096rem}}.component-button.-small{padding:.7rem 1rem;font-size:1.4rem}.component-button.-purple-dark{background-color:var(--color-purple-400)}.component-button.-purple-dark:hover{background-color:var(--color-purple-300)}.component-button.-purple-dark:active{background-color:var(--color-purple-200)}.component-button.-purple-dark:disabled{color:var(--color-purple-300);background-color:var(--color-purple-400)}.component-button.-purple-dark:focus-visible{outline:.1rem solid var(--color-white)}.component-button.-purple-light{background-color:var(--color-purple-50)}.component-button.-purple-light:hover{background-color:var(--color-purple-100)}.component-button.-purple-light:active{background-color:var(--color-purple-200)}.component-button.-purple-light:disabled{color:var(--color-purple-50);background-color:var(--color-purple-100)}.component-button.-purple-light:focus-visible{outline:.1rem solid var(--color-purple-950)}.component-button.-teal{background-color:var(--color-teal-500)}.component-button.-teal:hover{background-color:var(--color-teal-100)}.component-button.-teal:active{background-color:var(--color-teal-300)}.component-button.-teal:disabled{color:var(--color-teal-400);background-color:var(--color-teal-100)}.component-button.-teal:focus-visible{outline:.1rem solid var(--color-purple-950)}.component-button.-accent{color:var(--color-grey-50);background-color:var(--color-purple-500)}.component-button.-accent:hover{background-color:var(--color-purple-300)}.component-button.-uppercase{text-transform:uppercase}