.action{background-color:transparent;border:none;border-radius:var(--space-3);box-sizing:border-box;color:var(--primary);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}.action svg.icon{fill:var(--primary)}.action:hover{background-color:var(--active);cursor:pointer}.action:disabled{background-color:var(--surface);color:var(--secondary)}.action.action--loading{position:relative}.action.action--loading .loader{left:calc(50% - 6px);margin:0;position:absolute;top:calc(50% - 6px)}.action.action--loading span{opacity:0}.action.action--secondary{color:var(--primary)}.action.action--secondary svg.icon{fill:var(--primary)}.action.action--secondary:hover{background-color:var(--active)}.action.action--round{border-radius:50%}.action.action--danger{color:var(--danger)}.action.action--danger svg.icon{fill:var(--danger)}.action.action--danger:hover{background-color:var(--active)}