.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--comp-button-font);font-size:var(--comp-button-fontSize);letter-spacing:var(--comp-button-letterSpacing);text-transform:uppercase;line-height:1;cursor:pointer;user-select:none;text-decoration:none;text-align:center;padding:var(--comp-button-padding);border-radius:var(--comp-button-radius);background:var(--comp-button-bg);border:var(--comp-button-borderWidth) solid var(--comp-button-border);color:var(--comp-button-text) !important;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.btn:hover{background:color-mix(in srgb,var(--s6-outline) 12%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--s6-outline) 35%,transparent)}.btn:focus-visible{outline:var(--as-focus-width,2px) solid var(--as-focus-border);outline-offset:2px}.btn:disabled,.btn[disabled],.btn[aria-disabled="true"]{opacity:.4;cursor:not-allowed;background:transparent;box-shadow:none}.btn--pink{border-color:var(--page-c2);color:var(--page-c2) !important}.btn--pink:hover{background:color-mix(in srgb,var(--page-c2) 12%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--page-c2) 35%,transparent)}.btn--violet{border-color:var(--page-c3);color:var(--page-c3) !important}.btn--violet:hover{background:color-mix(in srgb,var(--page-c3) 16%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--page-c3) 40%,transparent)}.btn--white{border-color:var(--s6-lightest);color:var(--s6-lightest) !important}.btn--white:hover{background:color-mix(in srgb,var(--s6-lightest) 10%,transparent)}.btn--sm{font-size:calc(var(--comp-button-fontSize) * 0.82);padding:var(--comp-button-paddingSm);border-width:1px}.btn--lg{font-size:calc(var(--comp-button-fontSize) * 1.2);padding:var(--comp-button-paddingLg)}.btn--block{display:flex;width:100%}