.icon{display:inline-block}.icon--xs{height:1.125rem;width:1.125rem}.icon--sm{height:1.25rem;width:1.25rem}.icon--md{height:1.5rem;width:1.5rem}.icon--lg{height:1.75rem;width:1.75rem}.icon--xxl{height:4rem;width:4rem}.icon--xl{height:2.2rem;width:2.2rem}.icon__svg{color:currentcolor;display:block;height:100%;width:100%}.button{border:none;border-radius:var(--border-radius-btn);color:var(--color-foreground);display:flex;filter:drop-shadow(var(--drop-shadow-sm));font-size:.625rem;height:-moz-fit-content;height:fit-content;padding:var(--space-12) var(--space-24);-webkit-text-decoration:none;text-decoration:none;transition:background-color var(--transition);transition:filter var(--transition);transition:border-radius var(--transition);width:-moz-fit-content;width:fit-content}.button:hover{cursor:pointer;filter:drop-shadow(var(--drop-shadow-md))}.button:focus,.button:hover{border-radius:var(--border-radius-btn-hover)}.button:focus{outline:.125rem solid;outline-offset:var(--space-2)}.button--primary{background-color:var(--color-theme-secondary);color:var(--color-foreground-dark)}.button--primary:focus{outline-color:var(--color-theme-secondary)}.button--light{background-color:var(--color-background-light);color:var(--color-foreground-dark)}.button--light:focus{outline-color:var(--color-white)}.button--small{padding:var(--space-8) var(--space-24)}.button--link1{background-color:var(--color-background-light);color:var(--color-foreground);padding:0}.button--link1:focus,.button--link1:hover{outline:none;-webkit-text-decoration:underline;text-decoration:underline}.button--danger{background-color:var(--color-error);color:var(--color-white)}.button--danger:focus{outline-color:var(--color-error)}@media (min-width:768px){.button{font-size:.75rem;padding:var(--space-12) var(--space-32)}.button--small{padding:var(--space-8) var(--space-28)}}@media (min-width:1160px){.button{font-size:var(--space-14);padding:var(--space-16) var(--space-36)}.button--small{padding:var(--space-12) var(--space-32)}}.button__label{align-items:center;display:flex;font-family:var(--font-family-title);font-weight:var(--font-weight-semibold);gap:var(--space-8);letter-spacing:.5px;text-transform:uppercase}.button__label__icon,.button__label__spinner{color:var(--color-theme-primary)}.button__label__spinner{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}