.pixel-btn{cursor:pointer;border:none;outline:none;transition:background .3s;position:relative;overflow:hidden}.pixel-btn:disabled{cursor:not-allowed;opacity:.7;background:#cbd5e1}.pixel-btn:hover:not(:disabled){background:#d85700}.pixel-btn>.pixel-content{z-index:2;width:100%;height:100%;position:relative}.pixel-container{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.pixel-container .pixel{pointer-events:none;background:var(--clr);width:10px;height:10px;transition:transform .5s cubic-bezier(.25,1,.5,1),opacity .5s;position:absolute}.pixel-btn:hover:not(:disabled) .pixel{opacity:0;transform:translate(var(--tx), var(--ty))}