.c-icon{width:1em;height:1em}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.c-button{font-size:var(--fons-size);height:var(--button-height);padding:0 1em;border-radius:var(--border-radius);border:1px solid var(--border-color);background-color:var(--button-bg);display:inline-flex;justify-content:center;align-items:center;vertical-align:middle}.c-button:hover{border-color:var(--border-color-hover)}.c-button:active{background-color:var(--button-active-bg)}.c-button:focus{outline:none}.c-button>.icon{order:1;margin-right:.1em}.c-button>.content{order:2}.c-button.icon-right>.icon{order:2;margin-right:0;margin-left:.1em}.c-button.icon-right>.content{order:1}.c-button .loading{animation:spin 2s linear infinite}.c-button-group{display:inline-flex;vertical-align:middle}.c-button-group>.c-button{border-radius:0}.c-button-group>.c-button:not(:first-child){margin-left:-1px}.c-button-group>.c-button:first-child{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.c-button-group>.c-button:last-child{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.c-button-group>.c-button:hover{position:relative;z-index:1}