.button{background-color:var(--jade);border:none;border-radius:var(--space-3);box-sizing:border-box;color:var(--inverted);display:inline-block;font-family:var(--font-family);font-size:16px;font-weight:400;line-height:16px;margin:0;outline:none;padding:var(--space-4);text-align:center;text-decoration:none;transition:background-color .1s linear;white-space:nowrap}.button svg.icon{fill:var(--inverted)}.button:hover{background-color:var(--jade);cursor:pointer}.button:disabled{background-color:var(--surface);color:var(--secondary)}.button.button--loading{position:relative}.button.button--loading .loader{margin:0}.button.button--loading .loader+span{margin-left:var(--space-3)}.button.button--secondary{background-color:var(--feedback);color:var(--primary)}.button.button--secondary svg.icon{fill:var(--primary)}.button.button--secondary:hover{background-color:var(--focus);cursor:pointer}.button.button--secondary:disabled{background-color:var(--surface);color:var(--secondary)}.button.button--round{border-radius:50%;line-height:14px}.button.button--danger{background-color:var(--danger);color:var(--inverted)}.button.button--danger svg.icon{fill:var(--inverted)}.button.button--danger:hover{background-color:var(--danger);cursor:pointer}.button.button--danger:disabled{background-color:var(--surface);color:var(--secondary)}