.button-element{border-radius:3px;width:100%;height:40px;position:relative;overflow:hidden}.button-element .background{background-color:#1d6998;width:100%;height:100%;transition:opacity .3s linear;position:absolute;top:0;left:0}.button-element.delete .background{background-color:#c80032}.button-element.clear:hover{box-shadow:inset 0 0 250px #0000001a}.button-element.clear:active{box-shadow:inset 0 0 250px #0003}.button-element.clear .background{border:1px solid rba(100, 100, 100, 1);background-color:#0000}.button-element.clear button{color:#333;border:1px solid #969696}.button-element.clear svg .real-path{fill:#333}.button-element.disabled .background{opacity:.5}.button-element.cancel .background{background-color:#f0f0f0}.button-element.cancel svg .real-path{fill:#333}.button-element.cancel input,.button-element.cancel button{color:#333}.button-element.cancel input:hover,.button-element.cancel button:hover{box-shadow:inset 0 0 250px #0000001a}.button-element.cancel input:active,.button-element.cancel button:active{box-shadow:inset 0 0 250px #0003}.button-element.no-image .button-status-image{opacity:0;display:none}.button-element .button-status-image{z-index:10;opacity:1;width:24px;height:24px;transition:display .3s,opacity .3s cubic-bezier(.21,.6,.47,.82);transition-delay:display .3s;display:block;position:absolute;top:8px}.button-element.icon-left .button-status-image{left:8px}.button-element.icon-right .button-status-image{right:8px}.button-element input,.button-element button{z-index:15;background-color:#0000}.button-element.loading .button-status-image{transform:translate(-100px,-100px)scale(1)translate(100px,100px)}.button-element.loading .button-status-image div,.button-element.loading .button-status-image div:after{z-index:11;width:inherit;height:inherit;border:2px solid #fff;border-top-color:#555;border-radius:50%;position:absolute}.button-element.loading .button-status-image div{animation:.65s cubic-bezier(.75,.35,.34,.64) infinite lds-rolling;top:50%;left:50%}.button-element.loading .button-status-image div:after{transform:rotate(90deg)}.button-element .coin-element{margin:4px}.sandbox .button-element .background{background-color:#22aaa1}@keyframes lds-rolling{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}