.btn--outline,.btn{border:1px solid var(--purple-900);border-radius:16px;color:var(--purple-900);text-decoration:none}.btn--grey{border:1px solid var--(--grey-200)}.btn--purple{background-color:var(--purple-900);color:#fff}.btn--purple:hover{background-color:var(--purple-500);color:#fff;border:1px solid var(--purple-500);-webkit-transition:background-color .5s ease-out;transition:background-color .5s ease-out}.btn--purple:focus{background-color:var(--purple-900);border:1px solid var(--purple-600)}.btn--purple:disabled{background-color:var(--purple-600);border:1px solid var(--purple-600)}.btn--light,.button--primary,.btn-primary{color:var(--purple-900);border:1px solid var(--purple-700);background-color:var(--purple-700);padding:12px 24px;border-radius:100px}.btn--light:hover,.button--primary:hover,.btn-primary:hover{color:var(--purple-900);border:1px solid var(--purple-400);background-color:var(--purple-400);-webkit-box-shadow:0px 1px 2px rgba(16,24,40,.05);box-shadow:0px 1px 2px rgba(16,24,40,.05);-webkit-transition:background-color .5s ease-out;transition:background-color .5s ease-out}.btn--light:focus,.button--primary:focus,.btn-primary:focus{color:var(--purple-900);border:1px solid var(--purple-700);background-color:var(--purple-700);-webkit-box-shadow:0px 1px 2px rgba(16,24,40,.05),0px 0px 0px 4px var(--purple-700);box-shadow:0px 1px 2px rgba(16,24,40,.05),0px 0px 0px 4px var(--purple-700)}.btn--light:disabled,.button--primary:disabled,.btn-primary:disabled{background:var(--purple-700);border:1px solid var(--purple-700);-webkit-box-shadow:0px 1px 2px rgba(16,24,40,.05);box-shadow:0px 1px 2px rgba(16,24,40,.05);color:var(--purple-600)}.btn--sm{padding:4px 12px;font-size:.75rem}.btn--md{font-size:.875rem}.btn--lg{padding:4px 10px;font-size:1rem}.btn--xl{padding:12px 24px;font-size:1rem;border-radius:100px}.btn--xxl{padding:16px 28px;font-size:1.125rem}