/* Two-state layout required by the existing buttons. No external CSS or JavaScript. */
.mm2030-button-container{display:flex;flex-flow:row nowrap;justify-content:flex-start}
.mm2030-button{position:relative;overflow:hidden;max-width:100%;box-sizing:border-box;cursor:pointer;transform:translateZ(0);border-radius:4px;transition:all .3s cubic-bezier(.5,.12,.46,.88)}
.mm2030-plane{display:block;width:100%;height:100%;top:0;left:0;position:absolute}
.mm2030-plane-normal{z-index:1;background:var(--e-global-color-primary,#6ec1e4)}
.mm2030-plane-hover{z-index:3;background:#54595f}
.mm2030-state{display:flex;flex-direction:row;justify-content:center;align-items:center;box-sizing:border-box;padding:10px 30px}
.mm2030-state-normal{position:relative;width:100%;height:100%;z-index:2}
.mm2030-state-hover{position:absolute;width:100%;height:100%;top:0;left:0;z-index:4}
.mm2030-icon{display:flex;justify-content:center;align-items:center;color:white;fill:currentColor;width:25px;height:25px;font-size:25px;margin:3px;line-height:1em;text-align:center}
.mm2030-icon svg{width:1em;height:1em;fill:currentColor}
.mm2030-label{color:white;text-align:left}
.mm2030-icon-left .mm2030-icon,.mm2030-icon-top .mm2030-icon{order:1}
.mm2030-icon-left .mm2030-label,.mm2030-icon-top .mm2030-label{order:2}
.mm2030-icon-right .mm2030-icon,.mm2030-icon-bottom .mm2030-icon{order:2}
.mm2030-icon-right .mm2030-label,.mm2030-icon-bottom .mm2030-label{order:1}
.mm2030-icon-top .mm2030-state,.mm2030-icon-bottom .mm2030-state{flex-direction:column}
.mm2030-effect-instant .mm2030-plane-normal,.mm2030-effect-instant .mm2030-state-normal{opacity:1}
.mm2030-effect-instant .mm2030-plane-hover,.mm2030-effect-instant .mm2030-state-hover{opacity:0}
.mm2030-effect-instant:hover .mm2030-plane-normal,.mm2030-effect-instant:hover .mm2030-state-normal{opacity:0}
.mm2030-effect-instant:hover .mm2030-plane-hover,.mm2030-effect-instant:hover .mm2030-state-hover{opacity:1}
.mm2030-effect-fade .mm2030-plane,.mm2030-effect-fade .mm2030-icon,.mm2030-effect-fade .mm2030-label{transition:all .3s cubic-bezier(.5,.12,.46,.88)}
.mm2030-effect-fade .mm2030-plane-normal,.mm2030-effect-fade .mm2030-state-normal .mm2030-icon,.mm2030-effect-fade .mm2030-state-normal .mm2030-label{opacity:1}
.mm2030-effect-fade .mm2030-plane-hover,.mm2030-effect-fade .mm2030-state-hover .mm2030-icon,.mm2030-effect-fade .mm2030-state-hover .mm2030-label{opacity:0}
.mm2030-effect-fade:hover .mm2030-plane-normal,.mm2030-effect-fade:hover .mm2030-state-normal .mm2030-icon,.mm2030-effect-fade:hover .mm2030-state-normal .mm2030-label{opacity:0}
.mm2030-effect-fade:hover .mm2030-plane-hover,.mm2030-effect-fade:hover .mm2030-state-hover .mm2030-icon,.mm2030-effect-fade:hover .mm2030-state-hover .mm2030-label{opacity:1}