.complete-icon-button{background:transparent;padding-left:10px;opacity:0.7;position:relative}.complete-icon-button__loading-icon{display:none}.complete-icon-button__completed-icon{opacity:1;transition:opacity 0.2s ease-in-out}.complete-icon-button--loading{opacity:0.9}.complete-icon-button--loading .complete-icon-button__completed-icon{position:absolute;visibility:hidden;opacity:0}.complete-icon-button--loading .complete-icon-button__loading-icon{display:block}.complete-icon-button--completed{opacity:0.9;animation:complete .6s 1 alternate}.complete-icon-button--completed .complete-icon-button__completed-icon{position:initial;opacity:1}@keyframes complete{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.complete-button{display:flex;align-items:center;justify-content:center;position:relative}.complete-button:disabled{cursor:not-allowed}.complete-button__content{display:flex;align-items:center;transition:opacity 0.2s ease-in-out}.complete-button__loading-icon{padding-right:0.4em;display:none}.complete-button__completed-icon{padding-right:0.4em;display:none;opacity:0;transition:opacity 0.2s ease-in-out}.complete-button__text{white-space:nowrap}.complete-button--loading .complete-button__completed-icon{display:block}.complete-button--loading .complete-button__content{visibility:hidden;position:absolute}.complete-button--loading .complete-button__loading-icon{display:block}.complete-button--completed .complete-button__completed-icon{display:block;opacity:1;animation:complete .6s 1 alternate}@keyframes complete{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}