@keyframes loading-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.button{align-items:center;background:none;border:1px solid #999;border-radius:0;color:unset;cursor:pointer;display:inline-flex;font-family:inherit;font-size:inherit;padding:10px 15px}.button:focus{outline:1px solid #000;outline-offset:2px}.button.compact{padding:5px 10px}.button.compact .prefix-icon [data-component-id=icon],.button.compact .suffix-icon [data-component-id=icon]{height:16px;width:16px}.button.compact .prefix-icon{margin-right:5px}.button.compact .suffix-icon{margin-left:5px}.button.full-width{justify-content:center;width:100%}.button.loading [data-component-id=icon]{animation:loading-rotate 1s ease-in-out infinite;height:16px;width:16px}.button.variant-primary{background:#000;border:2px solid #000;color:#fff}.button.variant-primary [data-component-id=icon] svg path{stroke:#fff}.button.variant-primary:focus{background:#000;color:#fff}.button.variant-primary:focus [data-component-id=icon] svg path{stroke:#fff}.button.variant-primary.disabled{background:#a8a8a8;color:#4d4d4d}.button.variant-primary.disabled [data-component-id=icon] svg path{stroke:#4d4d4d}.button.variant-primary.loading{background:#000}.button.variant-primary.loading [data-component-id=icon] svg path{fill:#fff}.button.variant-secondary{background:#fff;border:2px solid #000}.button.variant-secondary:not(.disabled):not(.loading):not(:active):hover{border-color:#7a7a7a;color:#7a7a7a}.button.variant-secondary:not(.disabled):not(.loading):not(:active):hover [data-component-id=icon] svg path{stroke:#7a7a7a}.button.variant-secondary:active{background:#8a8a8a;border-color:transparent;color:#fff}.button.variant-secondary:active [data-component-id=icon] svg path{stroke:#fff}.button.variant-secondary.disabled{background:#fff;border-color:#7a7a7a;color:#7a7a7a}.button.variant-secondary.disabled [data-component-id=icon] svg path{stroke:#7a7a7a}.button.variant-secondary.loading{background:#fff}.button.variant-tertiary{border:2px solid #fff}.button.variant-tertiary:focus{outline:1px solid #fff}.button.with-icon{overflow:hidden}.button.with-icon .prefix-icon [data-component-id=icon],.button.with-icon .suffix-icon [data-component-id=icon]{height:16px;width:16px}.button.with-icon .prefix-icon{margin-right:10px}.button.with-icon .suffix-icon{margin-left:10px}.button span{margin:0 auto}