.button-wrapper{margin-bottom:20px;display:flex;flex-wrap:wrap;justify-content:space-around}.button{position:relative;z-index:2;height:80px;width:80px;border:none;margin:10px;background:url(../imgs/mini/red-btn.png) center no-repeat;cursor:pointer;background-size:100%}.button:active{background-image:url(../imgs/mini/red-btn-p.png)}.btn.hidden{opacity:0}.button--custom:active{transform:scale(.9)}.button--red{background-image:url(../imgs/mini/red-btn.png)}.button--red:active{background-image:url(../imgs/mini/red-btn-p.png)}.button--green{background-image:url(../imgs/mini/green-btn.png)}.button--green:active{background-image:url(../imgs/mini/green-btn-p.png)}.button--blue{background-image:url(../imgs/mini/blue-btn.png)}.button--blue:active{background-image:url(../imgs/mini/blue-btn-p.png)}.message-box{max-width:180px;font-size:12px;background:#f9f9f9;border-radius:10px;display:inline-block;padding:4px 6px;font-weight:700;margin-top:8px;box-shadow:0 1px 3px 0 rgba(0,0,0,.329);text-align:center}.hide-button{position:fixed;bottom:10%;right:0;width:12px;height:100px;background:rgba(255,255,255,.5);border-radius:10px 0 0 10px;cursor:pointer}#smallapp{position:fixed;right:8px;bottom:5%;width:320px;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:.35s}#smallapp.hidden{transform:translateX(100%);opacity:0}#smallapp .button-wrapper{margin-bottom:0}.--preloaded-image{display:none}.button-ref{display:block;width:100%;height:100%}